RecyclerView的一些开源LayoutManager

Google默认为RecyclerView提供了LinearLayoutManager、StaggeredGridLayoutManager、GridLayoutManager,已经可以满足很多开发需求了,但是实际开发过程中,免不了出现一些更加新颖的交互设计。下面是收集的一些自定义的LayoutManager。

FanLayoutManager

Github源码地址:[https://github.com/Cleveroad/FanLayoutManager(https://github.com/Cleveroad/FanLayoutManager)

CarouselLayoutManager

Github源码地址:https://github.com/Azoft/CarouselLayoutManager

ChipsLayoutManager

Github源码地址:https://github.com/BelooS/ChipsLayoutManager 一种流式布局的效果,很像我们平时看到的标签云。

HiveLayoutManager

Github源码地址:https://github.com/Chacojack/HiveLayoutManager 一个蜂巢布局管理器

vlayout

Github源码地址:https://github.com/alibaba/vlayout vlayout 是手机天猫 Android 版内广泛使用的一个基础 UI 框架项目,提供了一个用于 RecyclerView 的自定义的 LayoutManger,可以实现不同布局格式的混排,也是 Tangram 框架的基础模块。

flexbox-layout

Github源码地址:https://github.com/google/flexbox-layout flexbox-layout是Google开源的布局,其效果是实现类似CSS中的Flexbox布局效果( 具体可看:https://www.w3cplus.com/css3/a-guide-to-flexbox-new.html ),原本并不支持RecyclerView,但其最新的Alpha版本已经开始推出FlexboxLayoutManager用于支持RecyclerView实现效果。

LondonEyeLayoutManager

Github源码地址:https://github.com/danylovolokh/LondonEyeLayoutManager 一个环形菜单的布局管理器

ZLayoutManager

Github源码地址:https://github.com/mcxtzhang/ZLayoutManager 仿探探、人人影视 卡片层叠 炫动滑动布局

GalleryLayoutManager

Github源码地址:[https://github.com/BCsl/GalleryLayoutManager] 使用自定义 LayoutManager 实现 Android 中 Gallery 或者 ViewPager 控件的效果,支持垂直和水平两个方向,支持 RecycleView 的试图回收机制

CustomLayoutManager

圆弧

缩放

圆弧+缩放

画廊

用法 在build.gradle中添加

compile 'rouchuan.customlayoutmanager:customlayoutmanager:1.0.1'

然后新建layoutManager并继承CustomLayoutManager,CustomLayoutManager有几个默认的属性是可以直接使用的。

protected Context context;
//子view的宽度 
protected int mDecoratedChildWidth;
//子view的高度
protected int mDecoratedChildHeight;
//子view距离屏幕最左的偏移,也可以理解为第一个子view在初始状态下距离屏幕左侧的位移,默认居中
protected int startLeft; 
//子view距离屏幕顶部的位移,默认居中
protected int startTop; 
//主要随滑动所改变的属性的偏移量,考虑到view的属性有int,有float所以这边统一用float表示偏移
protected float offset;  
//相邻两个子view间,主要随滑动而改变的属性的差值(比如随滑动改变的是view的角度,那么这个值就是各个view之间的角度间隔)
protected float interval;

继承CustomLayoutManager之后必须实现3个方法

public class MyLayoutManager extends CustomLayoutManager{

    //默认isClockWise为true
    public MyLayoutManager(Context context) {
        super(context);
    }

    //isClockWise为true时从左往右排列,不然则从右往左排列
    public MyLayoutManager(Context context, boolean isClockWise) {
        super(context, isClockWise);
    }

   //这个方法会设置默认的interval变量,之后可以直接使用interval
    @Override
    protected float setInterval() {
        return 0;
    }

   //初始化方法,你可以在这里初始化自己的一些参数,比如实现圆弧布局的半径,或是更改一些默认的属性,比如startLeft,startTop
    @Override
    protected void setUp() {

    }

   //itemView就是每一个子view,targetOffset就是其对应的将要改变到的属性值,你可以在这里根据targetOffset对子view的一些属性进行设置
    @Override
    protected void setItemViewProperty(View itemView, float targetOffset) {

    }
}

此外还有6个可以选择重写的方法

//当子view的属性超过这个值时,就会被回收掉
@Override
protected float maxRemoveOffset() {
    return getHorizontalSpace() - startLeft;
}

//当子view的属性小于这个值时,就会被回收掉
@Override
protected float minRemoveOffset() {
    return -mDecoratedChildWidth-getPaddingLeft() - startLeft;
}

//当view的属性等于targetOffset时,此view基于初始位置的x坐标,一般返回targetOffset
@Override
protected int calItemLeftPosition(float targetOffset) {
    return targetOffset;
}

//当view的属性等于targetOffset时,此view基于初始位置的y坐标,一般返回0
@Override
protected int calItemTopPosition(float targetOffset) {
    return 0;
}

//这边返回在滚动时子view主要改变的属性的值
@Override
protected float propertyChangeWhenScroll(View itemView) {
    return itemView.getLeft()-startLeft;
}

//滑动产生的偏移dx与offset的比例,默认为1
protected float getDistanceRatio(){
    return 1f;
}

最后

本文部分转至:关于Android RecyclerView的那些开源LayoutManager

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏jianhuicode

Android的FixScrollView自定义控件

需求模仿腾讯课堂视频播放详情页面,效果如图: 1外层滚动控件到顶部,内层控制滚动 2内层滚动到顶部,外层控制滚动 835108-201703311117091...

2168
来自专栏代码GG之家

自定义View(一)

自定义View 需求场景:当系统默认的view不能满足您的优(qi)美(pa)界面 要求时候,自定义view则进入您的视野,来满足您的客制化。 那么我们这节开车...

1826
来自专栏守候书阁

[边学边练]用简单实例学习React

学习之路不可停止,最近在玩 React。也动手尝试写了一个实例。借此整理总结下初步学习 React 的一些基础知识。因为这几天比较忙,没那么多时间,所以实例和文...

1476
来自专栏Android机动车

Material Design整理(六)——SearchView及FlexboxLayout

1131
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:Poplist控件的正确打开方式以及如何快速实现

PopList控件显示包括两种模式:展开模式和筛选分类模式;两种模式只能选其中一种

942
来自专栏林德熙的博客

WPF 如何画出1像素的线

如何有人告诉你,请你画出1像素的线,是不是觉得很简单,实际上在 WPF 上还是比较难的。 本文告诉大家,如何让画出的线不模糊

1831
来自专栏hightopo

原 荐 基于 HTML5 Canvas 的交

1874
来自专栏james大数据架构

SwitchButton 开关按钮 的多种实现方式

刚开始接触开关样式的按钮是在IOS系统上面,它的切换以及滑动十分帅气,深入人心。 所谓的开关按钮,就是只有2个状态:on和off,下图就是系统IOS 7上开关按...

2607
来自专栏大壮

iOS 动画(理论篇)

1625
来自专栏KK的小酒馆

初识自定义控件Android应用界面开发

自定义控件是个大坑,并不能在此以偏概全阐述出它的精髓,笔记仅作为一方面的了解作用。

761

扫码关注云+社区