本文主要是介绍为RecyclerView量身打造一款流式布局,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
之前也写了一个ViewGroup
版本的流式布局,该流式布局有两大优点:可以设置行数和是否内容在该行中居中显示(猛戳),说真的自从对RecyclerView的LayoutManager有新的认识后,完全不用担心很多的复杂布局了。而且对ViewGroup测量过程也不用担心了,因为里面有LayoutManager帮我们实现了。下面就进入该篇文章的主题吧,废话不多说,直接上图更有说服力。
上面的示例图是我把ItemView分别用了TextView和ImageView。其实这些是没什么好说的,主要是如何定义这样的LayoutManager。相信大家都用过了LinearLayoutManager吧,系统提供的LayoutManager都是对齐的方式进行排版的,我们这里的flow的样式就是在排版item之前,判断了该行多余的空间还够不够显示,如果不够直接换行显示的思路。
使用:
详见TextFlowActivity、DiffHeightTextFlowActivity、PhotoFlowActivity
RecyclerView recyclerView = (RecyclerView) findViewById(flow);
FlowLayoutManager flowLayoutManager = new FlowLayoutManager();
//设置每一个item间距
recyclerView.addItemDecoration(new SpaceItemDecoration(dp2px(10)));
recyclerView.setLayoutManager(flowLayoutManager);
recyclerView.setAdapter(new FlowAdapter());
常见商品属性界面(RV嵌套RV,item高度为wrap_content):
使用:见ProductActivity
常见悬浮商品属性界面(RV嵌套RV,item高度为wrap_content):
使用:见SuspensionProductActivity
动画修复问题:
使用:见TextFlowActivity
viewpager中流式布局应用:
使用:见ViewPagerActivity
添加RV嵌套RV高度为wrap_content不显示问题,请使用:
NestedRecyclerView
添加长点击进入删除效果,点击外面进入正常模式:
使用:见LongClickDeleteTextFlowActivity
gradle依赖:
allprojects {repositories {...maven { url 'https://jitpack.io' }}
}dependencies {compile 'com.github.1002326270xc:LayoutManager-FlowLayout:v1.6'
}
欢迎大家提出问题,留言板留言或邮箱直接联系我。我会第一时间测试相关的bug
关于我:
email: a1002326270@163.com
简书:enter
github:enter
这篇关于为RecyclerView量身打造一款流式布局的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!