/LayoutManager-FlowLayout

快速利用RecyclerView的LayoutManager搭建流式布局

Primary LanguageJava

说真的自从对RecyclerView的LayoutManager有新的认识后，完全不用担心很多的复杂布局了。而且对ViewGroup测量过程也不用担心了，因为里面有LayoutManager帮我们实现了。下面就进入该篇文章的主题吧，废话不多说，直接上图更有说服力。

           

上面的示例图是我把ItemView分别用了TextView和ImageView。其实这些是没什么好说的，主要是如何定义这样的LayoutManager。相信大家都用过了LinearLayoutManager吧，系统提供的LayoutManager都是对齐的方式进行排版的，我们这里的flow的样式就是在排版item之前，判断了该行多余的空间还够不够显示，如果不够直接换行显示的思路。

使用:

详见TextFlowActivity、DiffHeightTextFlowActivity、PhotoFlowActivity

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.flow);
FlowLayoutManager flowLayoutManager = new FlowLayoutManager();
//设置每一个item间距
recyclerView.addItemDecoration(new SpaceItemDecoration(dp2px(10)));
recyclerView.setLayoutManager(flowLayoutManager);
recyclerView.setAdapter(new FlowAdapter());

RV嵌套RV高度问题:

NestedRecyclerView recyclerView = (NestedRecyclerView) findViewById(R.id.flow);
FlowLayoutManager flowLayoutManager = new FlowLayoutManager(context);
//设置每一个item间距
recyclerView.addItemDecoration(new SpaceItemDecoration(dp2px(10)));
recyclerView.setLayoutManager(flowLayoutManager);
recyclerView.setAdapter(new FlowAdapter());

常见商品属性界面:

商品属性界面.gif

使用:见ProductActivity

常见悬浮商品属性界面:

商品属性界面.gif

使用:见SuspensionProductActivity

动画修复:

动画修复.gif

使用:见TextFlowActivity

viewpager中流式布局应用:

viewpager中流式布局.gif

使用:见ViewPagerActivity

常见长点击删除流式布局界面:

长点击删除界面.gif

  • 长点击删除图片问题

长点击显示删除图片界面.gif

使用:见LongClickDeleteTextFlowActivity

1.1版本:

修复重复操作数据问题

1.2版本:

修复重复操作数据错位以及暴露内容高度

1.3版本:

修复中间添加数据时错位问题

1.4版本:

修复动画问题

1.5版本:

添加RV嵌套RV时wrap_content不显示问题

1.6版本:

解决某些机型在wrap_content不显示问题

1.7版本:

修复清空数据滑动页面还在显示的问题

gradle依赖:

allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}

dependencies {
        compile 'com.github.1002326270xc:LayoutManager-FlowLayout:v1.7'
}

demo第一时间体验:

欢迎大家提出问题，留言板留言或邮箱直接联系我。我会第一时间测试相关的bug

欢迎客官到本店光临(qq群):

您的鼓励就是给作者最大的支持，或是请我喝杯咖啡也行，哈哈哈~~~

关于我:

email: a1002326270@163.com

简书: http://www.jianshu.com/users/7b186b7247c1/latest_articles

csdn: http://blog.csdn.net/u010429219/article/details/64915136