近期工作需要用到流式布局,网上也有很多关于这方面的资料。发现流式布局与网格布局的自定义很有意思,是学习自定义控件的一个很好的方式,所以就撸了个几百行代码的控件,既实用又具有学习价值。
一、AutoFlowLayout应用场景
流式布局,在很多标签类的场景中可以用的;而网格布局在分类中以及自拍九宫格等场景很常见。如下所示:
如此使用频繁而又实现简单的控件,怎能不自己撸一个呢?控件,还是定制的好啊。
二、AutoFlowLayout实现效果
先介绍下自己撸的这个控件的功能及效果。
1.功能
流式布局
自动换行
行数自定:单行/多行
支持单选/多选
支持行居中/靠左显示
支持添加/删除子View
支持子View点击/长按事件
网格布局
行数/列数自定
支持单选/多选
支持添加/删除子View
支持子View点击/长按事件
支持添加多样式分割线及横竖间隔
2.效果
下面以gif图的形式展现下实现的效果,样式简单了些,不过依然能展示出这个简单控件的多功能实用性。
流式布局
网格布局
最后一个是带间隔以及分割线的,由于录屏原因,只在跳过去的一瞬间显示了粉红色的一条线。真实如下图所示,可以定义横竖间距的大小,以及分割线的颜色,宽度。
三、AutoFlowLayout使用
1.添加依赖
①.在项目的 build.gradle 文件中添加
allprojects {
repositories {
...
maven { url 'https://jitpack.io' }
}
}复制代码
②.在 module 的 build.gradle 文件中添加依赖
dependencies {
compile 'com.github.LRH1993:AutoFlowLayout:1.0.5'
}复制代码
2.属性说明
下表是自定义的属性说明,可在xml中声明,同时有对应的get/set方法,可在代码中动态添加。