Android开发中TableLayout表格布局

Android开发中TableLayout表格布局

1、引言

        在移动端应用程序开发中，经常会使用到表格布局，iOS和Android开发框架中都提供了独立的表格视图控件供开发者使用，例如iOS中的UITableView、UICollectionView，Android中的ListView、GridView等。除了独立的视图控件外，Android中还提供了一个布局容器类TableLayout，使用其也能够进行方便的表格布局。

        前边博客有介绍过关于LinearLayout线性布局的相关内容，LinearLayout只能进行水平或者垂直方向上的排列布局，使用LinearLayout的布局嵌套，实际上也能够实现表格布局的样式。实际上，TableLayout就是采用这样的原理，TableLayout继承于LinearLayout，其中每一个视图元素做为一行，同时Android中还提供了一个TableRow类，这个类一样继承自LinearLayout，其中每一个视图元素做为当前行中的一列，结合使用TableLayout与TableRow，就实现了行列的表格布局。

2、关于TableRow

        TableRow能够简单理解为TableLayout布局中的一行，固然，TableLayout中也能够直接添加任意的View视图，可是默认添加的View视图将独占一行。TableRow中能够添加其余视图，每一个视图被做为一列处理，经过TableRow的内部类LayoutParams来设置TableRow内部视图的布局方式，其中主要能够经过设置宽高或者设置权重来定制每列视图元素的尺寸，例如：

TableLayout tableLayout = new TableLayout(this);
//建立行 第一行用单个元素
TextView textView = new TextView(this);
textView.setText("1000");
textView.setTextSize(20);
textView.setTextAlignment(View.TEXT_ALIGNMENT_VIEW_END);
tableLayout.addView(textView);
//第二行使用TableRow
TableRow tableRow1 = new TableRow(this);
//设置本行中每一列的权重和
tableRow1.setWeightSum(10);
Button button11 = new Button(this);
button11.setText("AC");
//设置固定宽高
TableRow.LayoutParams layoutParams1 = new TableRow.LayoutParams(300,200);
button11.setLayoutParams(layoutParams1);
tableRow1.addView(button11);
Button button12 = new Button(this);
//经过权重设置列的宽度 占正常列宽的一半
TableRow.LayoutParams layoutParams2 = new TableRow.LayoutParams(0,200,5);
button12.setLayoutParams(layoutParams2);
button12.setText("+/-");
tableRow1.addView(button12);
Button button13 = new Button(this);
button13.setText("%");
tableRow1.addView(button13);
Button button14 = new Button(this);
button14.setText("÷");
tableRow1.addView(button14);
tableLayout.addView(tableRow1);

上面代码向TableRow中添加了4个视图，默认状况下会生成四列，setWeightSum()方法用于设置每列的权重和，须要注意，它做用的对象是每一列元素，而不是整行。上面的代码效果以下：

默认的列宽是评分整个行宽，能够经过指定宽度或者权重来修改特定列的列宽。

        还有一点须要注意，若是一个TableLayout布局中多个TableRow，则表格的列数会以最多列的一行为准，例如在添加一行TableRow，而其中只有一列，则其依然会预留4列的位置，示例以下：

TableRow tableRow2 = new TableRow(this);
Button button = new Button(this);
button.setText("跳过");
tableRow2.addView(button);
tableLayout.addView(tableRow2);

效果以下：

也能够设置跳过某列进行布局，或者进行列的合并，示例以下：

TableRow tableRow2 = new TableRow(this);
Button button = new Button(this);
button.setText("跳过");
TableRow.LayoutParams layoutParams21 = new TableRow.LayoutParams();
//从第2列开始
layoutParams21.column = 1;
//合并3列
layoutParams21.span = 3;
button.setLayoutParams(layoutParams21);
tableRow2.addView(button);
tableLayout.addView(tableRow2);

3、关于TableLayout

        在向TableLayout容器中添加或者移除视图的时候，开发者能够对其进行监听，示例以下：

TableLayout tableLayout = new TableLayout(this);
tableLayout.setOnHierarchyChangeListener(new ViewGroup.OnHierarchyChangeListener() {
    @Override
    public void onChildViewAdded(View parent, View child) {
        Toast.makeText(getBaseContext(),"add",Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onChildViewRemoved(View parent, View child) {
        Toast.makeText(getBaseContext(),"remove",Toast.LENGTH_SHORT).show();
    }
});

开发者还能够对表格中视图元素的一些尺寸自适应作一些设置，其中还有一些经常使用的方法列举以下：

//获取表格中全部列是不是可收缩的
public boolean isShrinkAllColumns()
//设置表格中的全部列是否可收缩
public void setShrinkAllColumns()
//获取表格中的全部列是否可拉伸
public boolean isStretchAllColumns()
//设置表格中的全部列是否可拉伸
public void setStretchAllColumns()
//设置某一列是否可拉伸
public void setColumnStretchable(int columnIndex, boolean isStretchable)
//获取某一列是否可拉伸
public boolean isColumnStretchable(int columnIndex)
//设置某一列是否可收缩
public void setColumnShrinkable(int columnIndex, boolean isShrinkable)
//获取某一列是否可收缩
public boolean isColumnShrinkable(int columnIndex)

所谓可收缩的列，是指若是此列的内容宽度超出必定宽度，为了使后面的列内容展现出来，此列宽度会自动收缩，高度会增长，以下图所示：

至于可拉伸的列，是指若是此行内容内有充满整行，此列会进行拉伸自动充满。

        下面这些方法与表格中列的隐藏有关：

//设置某列是否隐藏
public void setColumnCollapsed(int columnIndex, boolean isCollapsed)
//获取某列是否被隐藏
public boolean isColumnCollapsed(int columnIndex)

须要注意，在TableLayout中也定义了一个LayoutParams的内部类，其用于设置其中每一行视图元素的布局，可是开发者只能设置此布局类对应的高度参数，宽度将强制设置为MATCH_PARENT。

专一技术，热爱生活，交流技术，也作朋友。

——珲少 QQ群：435043639