Android 自定义LayoutManager实现花式表格

2023-08-01 20:25:03 65

如果你对RecyclerView原理还不是特别了解，非常建议你读一下。

本文的项目也是学习自定义LayoutManager绝佳资料，大家有需要的可以好好拜读。

前言

表格是自打我进公司以后就使用的控件，起初使用的是ScrollablePanel，从一开始的被花式吊打，到后期的熟练使用。

大佬写的控件确实给我的工作带来了极大的方便，不过还是有些问题存在：

无法实现不规则的表格
其核心是二层RecyclerView的嵌套，如果只用一层RecyclerView将会带来性能的提升
多个RecyclerView有的时候会导致界面变形

在我深入学习RecyclerView以后，想能不能只用一层RecyclerView，借助LayoutManager实现，写着写着，发现该思路可行，并实现了一款基于一个RecyclerView的表格控件TableView，先看一下效果：

照片墙

经常看到有同学问类似的首页如何实现，现在不用自定义View也可以轻松实现了哈~

课程表

表格

TableView具有如下特点：

支持不规则表格
同时支持横向和纵向滚动
支持顶部和左侧悬浮
基于RecyclerView，所以RecyclerView自定义子视图、高效回收、子视图多样性这些特点它都有
没有多层RecyclerView嵌套，性能更棒

Github地址

使用

第一步|添加xml文件

第二步|获取TableView

在展示代码之前，了解一下TableView中的主要函数：

这个setTitle(booleanisLeftOpen,booleanisTopOpen)有什么作用呢？为了确保表格的每一个单元格的长度和宽度都一样（子视图可以在横纵方向上占有多个单元格），宽和高都使用两种方式：

设置具体的值，那么单元格的宽或者高的值就是具体的
设置一行或者一列可以容纳的单元格数量

所以宽高各有两种，模式的数量=2*2，总共有：

代码：

//ifusebutterknife
//orusefindViewById
@BindView(R.id.tb)
TableViewmTable;

//默认为TableLayoutManager.MODE_A,4,8
mTable.setModeAndValue(TableLayoutManager.MODE_A,6,8);

第三步|创建数据类

实现ICellItem接口：

publicclassTableCellimplementsICellItem{
privateStringname;
privateStringvalue;
privateinttype;
privateintrow;
privateintcol;
privateintwidthSpan;
privateintheightSpan;
//...省略构造函数和GetSet方法
@Override
publicintgetRow(){
returnrow;
}
@Override
publicintgetCol(){
returncol;
}
@Override
publicintgetWidthSpan(){
returnwidthSpan;
}
@Override
publicintgetHeightSpan(){
returnheightSpan;
}
}

第四步|设置适配器

privateTableAdaptermAdapter;
protectedvoidinitWidget(Viewroot){
//假设在这个方法中初始化
mTable.setAdapter(mAdapter=newTableAdapter(newArrayList<>()){
@Override
publicintgetItemLayout(TableCelltableCell,intpos){
//...返回子视图布局文件
//支持多类型
returnR.layout.table_cell_content_item;
}
@Override
publicBaseAdapter.ViewHolderonCreateViewHolder(Viewroot,intitemType){
//itemType是子视图布局文件
//根据布局返回具体的ViewHolder
returnnewContentHolder(root);
}
});
}
//具体的ViewHolder
classContentHolderextendsBaseAdapter.ViewHolder{
TextViewmContent;
publicContentHolder(ViewitemView){
super(itemView);
mContent=itemView.findViewById(R.id.tv_name);
}
@Override
protectedvoidonBind(TableCelltableCell){
mContent.setText(tableCell.getValue());
}
}

第五步|重新测绘

如果TableView使用的模式是Mode_A、Mode_C和Mode_D，需要再重新测量：

mTable.post(()->mTable.reMeasure());

总结

总的来说，TableView的核心是TableLayoutManager,也就是RecyclerView中的LayoutManager，类似于可以随时横纵向切换的GridLayoutManager，如果各位同学对TableView感兴趣，我将会在后续的文章深入原理。

最后对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！

以上所述是小编给大家介绍的Android自定义LayoutManager实现花式表格，希望对大家有所帮助！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

Android 自定义LayoutManager实现花式表格

热门推荐

随机推荐