【Android开发笔记】自定义表格控件 - TableView/TableLayout

最新推荐文章于 2025-06-24 11:02:05 发布

原创

最新推荐文章于 2025-06-24 11:02:05 发布 · 2.7k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#android #控件 #自定义view #表格

这篇博客介绍了如何在Android开发中自定义表格控件TableLayout，包括内容超出屏幕的滑动显示、单元格可选中功能。详细讲解了TableLayout的属性、使用方法，并提供了部分源码分析，包括TableColumn的宽度计算和TableLayout的测量、绘制分割线及数据填充。同时，分享了GitHub上的项目链接供读者参考和使用。

2017年8月15日更新

升级版 TableLayout

针对简友的反馈，在TableView的基础上做了一些小的提升：
- 内容超出屏幕范围可以滑动显示
- 单元格可被选中

在编辑模式下预览，可以看出修改不同属性产生的变化

编辑模式预览

属性表

attr	meaning	defaultValue	备注
tableRowHeight	单元格的高度	36dp
tableDividerSize	分割线大小	1px
tableDividerColor	分割线颜色	Color.GRAY
tableColumnPadding	单元格左右padding	0
tableTextGravity	单元格对齐方式	center	可选center/leftCenter/rightCenter
tableTextSize	字体大小	12dp
tableTextColor	文字颜色	Color.GRAY
tableTextColorSelected	选中后文字颜色	Color.BLACK
backgroundColorSelected	单元格选中后的背景色	Color.TRANSPARENT

使用方法

在GitHub上检出此项目，将tableLayout这个library module导入到项目中，并在application module中添加对tableLayout的依赖

dependencies {
    compile project(':tableLayout')
}

在xml中定义表格基础样式

    <win.smartown.android.library.tableLayout.TableLayout
        android:id="@+id/main_table"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        app:backgroundColorSelected="@color/colorAccent"
        app:tableColumnPadding="32dp"
        app:tableDividerColor="#ddd"
        app:tableDividerSize="1px"
        app:tableRowHeight="48dp"