关于android:Android-表格框架

40次阅读

共计 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，如有侵权，请分割删除。

正文完
android
发表至： android
2021-12-23
 0
关于android:Android-四大组件的详解之Activity篇
关于android:LeetCode-周赛-34320230430结合下一个排列的贪心构造问题
关于android:华为联运游戏或应用审核驳回使用花币充值时对支付延时处理不当导致商品不到账
关于android:华为开发者大会HDC2022HMS-Core-持续创新与开发者共创美好数智生活