共计 5766 个字符,预计需要花费 15 分钟才能阅读完成。
如何生成一个表格
<com.bin.david.form.core.SmartTable | |
android:id="@+id/table" | |
android:layout_width="match_parent" | |
android:layout_height="300dp" | |
/> |
能够通过注解
@SmartTable
表格注解@SmartColumn
字段注解
@SmartTable(name="用户信息列表") | |
public class UserInfo {@SmartColumn(id =1,name = "姓名") | |
private String name; | |
@SmartColumn(id=2,name="年龄") | |
private int age; | |
... | |
} | |
List<UserInfo> list = new ArrayList<>(); | |
... | |
table = (SmartTable<UserInfo>) findViewById(R.id.table); | |
table.setData(list); |
OK,这就是最简略的注解版。上面看下弱小性能的一般版。只须要创立须要显示的列,设置须要解析的字段就能够, 假如须要解析到
UserInfo.parent.name
, 只需parent.name
即可。
final Column<String> nameColumn = new Column<>("姓名", "name"); | |
final Column<Integer> ageColumn = new Column<>("年龄", "age"); | |
... | |
tableData = new TableData<>("测试",list,nameColumn,ageColumn...); | |
table.setTableData(tableData); | |
丑化
必定有人说,这点性能,呵呵。来来,咱们坐一下,开始展现丰盛的性能。界面不美观,看这里,格式化一下内容背景:
table.getConfig().setContentBackgroundFormat(new BaseBackgroundFormat<CellInfo>() { | |
@Override | |
public int getBackGroundColor() {return ContextCompat.getColor(AnnotationModeActivity.this,R.color.content_bg); | |
} | |
@Override | |
public boolean isDraw(CellInfo cellInfo) {return cellInfo.position%2 ==0;} | |
}); |
格式化数据
发现工夫这个列很不美观,咱们想要格式化一下工夫这列
final IFormat<Long> format = new IFormat<Long>() { | |
@Override | |
public String format(Long aLong) {Calendar calendar = Calendar.getInstance(); | |
calendar.setTimeInMillis(aLong); | |
return calendar.get(Calendar.YEAR)+"-"+(calendar.get(Calendar.MONTH)+1)+"-"+calendar.get(Calendar.DAY_OF_MONTH); | |
} | |
}; | |
final Column<Long> timeColumn = new Column<>("工夫", "time",format); | |
还反对表格图文、序列号、列题目格式化;表格各组成背景、文字、网格、padding 等配置,你能够参考 demo;
勾选这列,咱们想展现勾选的图标
int size = DensityUtils.dp2px(this,15); // 指定图标大小 | |
Column<Boolean> checkColumn = new Column<>("勾选", "isCheck",new ImageResDrawFormat<Boolean>(size,size) { | |
@Override | |
protected Context getContext() {return AnnotationModeActivity.this;} | |
@Override | |
protected int getResourceID(Boolean isCheck, String value, int position) {if(isCheck){return R.mipmap.check;} | |
return 0; | |
} | |
}); |
提供反对文字,多行文字,文字和图标组合(上下左右)
表格个别能够统计性能,咱们开启统计性能
setShowCount(true)
,哪列须要统计开启setAutoCount
即可,数字如果统计就是相加,文字就是取最长的大小
tableData.setShowCount(true); | |
nameColumn.setAutoCount(true); |
然而这样不满足实在需要,需要往往很坑爹。所以提供了统计接口。上面是统计最大工夫示例:
timeColumn.setAutoCount(true); | |
timeColumn.setCountFormat(new ICountFormat<Long, Long>() { | |
private long maxTime; | |
@Override | |
public void count(Long aLong) {if(aLong > maxTime){maxTime = aLong;} | |
} | |
@Override | |
public Long getCount() {return maxTime;} | |
@Override | |
public String getCountString() {return format.format(maxTime); | |
} | |
@Override | |
public void clearCount() {maxTime =0;} | |
}); |
有时候咱们须要题目组合,这个时候就能够这样玩:
Column groupColumn = new Column("组合",nameColumn,ageColumn); | |
TableData<UserInfo> tableData = new TableData<>("用户表",userInfos,groupColumn,timeColumn,checkColumn); |
动效
固定指定列和 X 序号列,Y 序号列,列题目,统计行。你能够依据需要开启,组合成果真的很棒
// 固定指定列 | |
timeColumn.setFixed(true); | |
// Y 序号列 | |
table.getConfig().setFixedYSequence(true); | |
// X 序号列 | |
table.getConfig().setFixedXSequence(true); | |
// 列题目 | |
table.getConfig().setFixedCountRow(true); | |
// 统计行 | |
table.getConfig().setFixedTitle(true); | |
缩放
当然必定少不了放大和放大
table.setZoom(true); | |
// 能够设置放大最大和最小值 | |
setZoom(boolean zoom,float maxZoom,float minZoom); |
事件
批注和点击事件
table.setOnColumnClickListener(); | |
MultiLineBubbleTip<Column> tip = new MultiLineBubbleTip<Column>(this,R.mipmap.round_rect,R.mipmap.triangle,fontStyle) { | |
@Override | |
public boolean isShowTip(Column column, int position) {if(column == nameColumn){return true;} | |
return false; | |
} | |
@Override | |
public String[] format(Column column, int position) {UserInfo data = testData.get(position); | |
String[] strings = {"批注","姓名:"+data.getName(),"年龄:"+data.getAge()}; | |
return strings; | |
} | |
}; |
排序
能够通过设置列,而后列条件来排序。
// 设置排序列,设置是否反序 | |
table.setSortColumn(ageColumn,false); |
如果感觉还是不满足,能够本人定义排序规定
ageColumn.setComparator(new Comparator<Integer>() { | |
@Override | |
public int compare(Integer o1, Integer o2) {return o1- o2;} | |
}); |
反对二维数组
你能够应用 ArrayTableData 来代替 TableData。就能够欢快的应用二维数组,你甚至能够不必设置列题目。这样能够实现一些相似选票和选座 app 需要。
String[] week = {"日","一","二","三","四","五","六"}; | |
Integer[][] infos = {{0,1,2,1,1,0,1,1,0,1,1,2,3}, {4,2,1,1,0,1,1,0,1,1,2,2,3}, | |
{2,2,0,1,2,4,1,0,1,3,0,1,1},{2,1,1,0,1,4,0,1,1,2,2,0,3}, | |
{0,1,2,4,1,0,1,4,0,1,1,2,2}, {1,0,1,3,2,2,0,1,2,1,1,0,4}, | |
{3,1,2,4,0,1,2,1,1,0,1,1,0}}; | |
ArrayTableData<Integer> tableData = ArrayTableData.create("日程表",week,infos,new IDrawFormat<Integer>(){ | |
@Override | |
public int measureWidth(Column<Integer> column, TableConfig config) {return DensityUtils.dp2px(ArrayModeActivity.this,50); | |
} | |
@Override | |
public int measureHeight(Column<Integer> column, int position, TableConfig config) {return DensityUtils.dp2px(ArrayModeActivity.this,50); | |
} | |
@Override | |
public void draw(Canvas c, Column<Integer> column, Integer integer, String value, Rect rect, int position, TableConfig config) {Paint paint = config.getPaint(); | |
int color; | |
switch (integer){ | |
case 1: | |
color =R.color.github_con_1; | |
break; | |
case 2: | |
color =R.color.github_con_2; | |
break; | |
case 3: | |
color =R.color.github_con_3; | |
break; | |
case 4: | |
color =R.color.github_con_4; | |
break; | |
default: | |
color =R.color.github_con_0; | |
break; | |
} | |
paint.setStyle(Paint.Style.FILL); | |
paint.setColor(ContextCompat.getColor(ArrayModeActivity.this, color)); | |
c.drawRect(rect.left+5,rect.top+5,rect.right-5,rect.bottom-5,paint); | |
} | |
}); |
其余
还有很多性能点,包含动静增加首尾数据,分页,格式化字体,背景等。这里不一一介绍了。
- 反对首尾动静增加数据
首尾动静增加数据
SmartTable.addData(List<T> t,boolean isFoot)
来实现增加数据.
- 设置单个格子背景
在网上参考了
html
的table
, 发现款式难看多了,按到这个思路,SmartTable 减少了反对对单个格子的不同背景反对,在TableConfig
外面有 5 个IBackgroundFormat
款式,能够依据boolean isDraw(T t)
返回数据做出判断是否绘制背景drawBackground
,默认绘制整个背景,当然你能够本人定义IBackgroundFormat
应用其余形态。
- 设置单个格子字体
因为反对到单个格子背景的反对,字体色彩也须要依据背景还进行调整,所以又反对单个格子的字体设置,
IBackgroundFormat
中有int getTextColor(T t)
, 你只需重写它,依据需要设置不同色彩。
- 分页
在客户端太多数据体验不好,所以开发分页模式,在未应用注解状况下,只须要应用
PageTableData
分页表格数据类 代替之前TableData
表格数据类即可,应用PageTableData
的setPageSize
办法设置每页数量。分页就实现了。如果你应用注解,请在@SmartTable
注解元素增加pageSize
属性即可,setData
会返回PageTableData
对象,你能够应用它实现前面其余的设置。
- 其余
SmartTable 减少 notifyDataChanged 办法用于从新解析计算布局;
提供 back 办法 fling 到原点。
相干教程
Android 根底系列教程:
Android 根底课程 U - 小结_哔哩哔哩_bilibili
Android 根底课程 UI- 布局_哔哩哔哩_bilibili
Android 根底课程 UI- 控件_哔哩哔哩_bilibili
Android 根底课程 UI- 动画_哔哩哔哩_bilibili
Android 根底课程 -activity 的应用_哔哩哔哩_bilibili
Android 根底课程 -Fragment 应用办法_哔哩哔哩_bilibili
Android 根底课程 - 热修复 / 热更新技术原理_哔哩哔哩_bilibili
本文转自 https://juejin.cn/post/6844903549109813255,如有侵权,请分割删除。