为RecyclerView量身打造一款流式布局

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

simple.gif

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

使用:

详见TextFlowActivityDiffHeightTextFlowActivityPhotoFlowActivity

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依赖:

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

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

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

关于我:

email: a1002326270@163.com
简书:enter
github:enter

  • 0
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 13
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值