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

之前也写了一个ViewGroup版本的流式布局,该流式布局有两大优点:可以设置行数和是否内容在该行中居中显示(猛戳),说真的自从对RecyclerView的LayoutManager有新的认识后，完全不用担心很多的复杂布局了。而且对ViewGroup测量过程也不用担心了，因为里面有LayoutManager帮我们实现了。下面就进入该篇文章的主题吧，废话不多说，直接上图更有说服力。

simple.gif

上面的示例图是我把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):

商品属性界面.gif

使用:见ProductActivity

常见悬浮商品属性界面(RV嵌套RV,item高度为wrap_content):

悬浮商品属性界面.gif

使用:见SuspensionProductActivity

动画修复问题:

动画演示.gif

使用:见TextFlowActivity

viewpager中流式布局应用:

viewpager中流式布局.gif

使用:见ViewPagerActivity

添加RV嵌套RV高度为wrap_content不显示问题，请使用:
NestedRecyclerView

添加长点击进入删除效果，点击外面进入正常模式:

长点击删除界面.gif

使用:见 LongClickDeleteTextFlowActivity

gradle依赖:

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

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

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

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

关于我:

email:[email protected]
csdn:enter
github:enter

更多你喜欢的文章

仿360手机助手下载按钮

仿苹果版小黄车(ofo)app主页菜单效果

设计一个银行app的最大额度控件

带你实现ViewGroup规定行数、item居中的流式布局

定制一个类似地址选择器的view

3D版翻页公告效果

一分钟搞定触手app主页酷炫滑动切换效果

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

用贝塞尔曲线自己写的一个电量显示的控件

快速搞定一个自定义的日历