自定义 ViewGroup,实现多功能流式布局与网格布局源码
kenrry1992 · 445浏览量 · 发布于2019-05-21
作者LRH1993,源码AutoFlowLayout,
一、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 方法,可在代码中动态添加。
3.使用示例
布局
代码设置数据
mFlowLayout.setAdapter(new FlowAdapter(Arrays.asList(mData)) { @Override public View getView(int position) { View item = mLayoutInflater.inflate(R.layout.special_item, null); TextView tvAttrTag = (TextView) item.findViewById(R.id.tv_attr_tag); tvAttrTag.setText(mData[position]); return item; } });
与 ListView,GridView 使用方式一样,实现 FlowAdapter 即可。
源码使用过程中,如无法搭建或有增加其他功能需求,可联系QQ:236-0248-666 ,付费搭建安装修改服务!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
相关推荐
一个android银行APP的项目页面源码
相关信息
程序猿小军 · 890浏览 · 2020-12-17 10:42:57
类似瀑布流的加载布局SkeletonLayout特效源码
相关信息
talkchan · 485浏览 · 2020-12-07 15:45:38
androidTv 焦点外发光控件效果案例
相关信息
luenmicro · 1248浏览 · 2020-11-20 11:26:44
基于material design用弧形布局探索View设计
相关信息
飘飘悠悠 · 780浏览 · 2020-04-17 06:01:24
Android模仿朋友圈发表动态,查看图片效果
相关信息
冷月葬花魂 · 772浏览 · 2019-12-05 10:16:12
仿锤子官网首页海报3D触摸布局 安卓源码
相关信息
kenrry1992 · 665浏览 · 2019-11-05 14:20:35
一个可以在顶部显示的条框 安卓源码
相关信息
冷月葬花魂 · 721浏览 · 2019-10-31 18:03:47
RecyclerView字母排序,顶部悬浮,过滤搜索最优雅的实现方式 安卓源码
相关信息
冷月葬花魂 · 687浏览 · 2019-10-23 09:43:31
分类专栏
最新发布
源码排行榜
0评论