阿里VirtualLayout(RecyclerView多布局)

VirtualLayout 是一个针对 RecyclerView 的 LayoutManager 扩展, 主要提供一整套布局方案和布局间的组件复用的问题。

牛逼之处:根布局就一个 RecycleView,还是原生的 RecycleView,但是实现的效果:


注意:这里你看到的就一个 RecycleView 包裹,13 号那个控件是可以拖拽的在屏幕范围内,5 号控件是可以黏在顶部的,还有很多好东西,就自己去玩 demo 吧


思路:

通过定制化的 LayoutManager,接管整个 RecyclerView 的布局逻辑;LayoutManager 管理了一系列 LayoutHelper,LayoutHelper 负责具体布局逻辑实现的地方;每一个LayoutHelper 负责页面某一个范围内的组件布局;不同的 LayoutHelper 可以做不同的布局逻辑,因此可以在一个 RecyclerView 页面里提供异构的布局结构,这就能比系统自带的LinearLayoutManager、GridLayoutManager 等提供更加丰富的能力。同时支持扩展LayoutHelper 来提供更多的布局能力。


主要功能
  • 默认通用布局实现,解耦所有的 View 和布局之间的关系: Linear, Grid, 吸顶, 浮动, 固定位置等。

    • LinearLayoutHelper: 线性布局

    • GridLayoutHelper: Grid布局, 支持横向的colspan

    • FixLayoutHelper: 固定布局,始终在屏幕固定位置显示

    • ScrollFixLayoutHelper: 固定布局,但之后当页面滑动到该图片区域才显示, 可以用来做返回顶部或其他书签等

    • FloatLayoutHelper: 浮动布局,可以固定显示在屏幕上,但用户可以拖拽其位置

    • ColumnLayoutHelper: 栏格布局,都布局在一排,可以配置不同列之间的宽度比值

    • SingleLayoutHelper: 通栏布局,只会显示一个组件 View

    • OnePlusNLayoutHelper: 一拖N布局,可以配置 1-5 个子元素

    • StickyLayoutHelper: stikcy 布局, 可以配置吸顶或者吸底

    • StaggeredGridLayoutHelper: 瀑布流布局,可配置间隔高度/宽度

  • 使用:

直接在module中build.gradle添加依赖

    compile('com.alibaba.android:vlayout:1.0.2@aar') {
       transitive = true
    }


使用方法直接参考 Demo(https://github.com/alibaba/vlayout/blob/master/README-ch.md#demo

我这里就不介绍具体使用方法了,直接参考demo


说说这个框架现在存在的问题吧


  • 1.当我创建多种类型的 LayoutHelper 在一个 RecycleView 中使用时,可能导致layoutHelper.setBgColor(0xFFF5A623);这个方法失效,尤其是我在使用StickyLayoutHelper时,我是一直无效的

  • 2.使用 StickyLayoutHelper 时,会导致界面绘制后显示的界面很脏,但是只要一拖动RecycleView 就自动清理了

猜你喜欢

转载自blog.csdn.net/ydc0128/article/details/80853298