利用 RecyclerView 的 LayoutManager 搭建流式布局_com.github.1002326270xc:layoutmanager-flowlayout-CSDN博客

LayoutManager-FlowLayout

项目地址：1002326270xc/LayoutManager-FlowLayout

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

标签：

说真的自从对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 第一时间体验: