阿里巴巴推出超强针对布局方案和布局复用的开源框架(vlayout)

VirtualLayout是一个针对RecyclerView的LayoutManager扩展, 主要提供一整套布局方案和布局间的组件复用的问题。
牛逼之处:根布局就一个RecycleView,还是原生的RecycleView,但是实现的效果:

阿里巴巴推出超强针对布局方案和布局复用的开源框架(vlayout)_第1张图片
效果图

注意:这里你看到的就一个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
  • 我这里就不介绍具体使用方法了,直接参考demo

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

  • 1.当我创建多种类型的LayoutHelper在一个RecycleView中使用时,可能导致layoutHelper.setBgColor(0xFFF5A623);这个方法失效,尤其是我在使用StickyLayoutHelper时,我是一直无效的
  • 2.使用StickyLayoutHelper时,会导致界面绘制后显示的界面很脏,但是只要一拖动RecycleView就自动清理了
阿里巴巴推出超强针对布局方案和布局复用的开源框架(vlayout)_第2张图片
开启过度绘制
阿里巴巴推出超强针对布局方案和布局复用的开源框架(vlayout)_第3张图片
没有开启过度绘制

文档链接

你可能感兴趣的:(阿里巴巴推出超强针对布局方案和布局复用的开源框架(vlayout))