【Android开发】TableLayout 数据表格化展示

目前没有找到比较好的数据表格化显示方案，使用TableLayout算是比较方便且好用的了。

这里主要使用TableLayout加动态TextView来完成界面的绘制。在xml布局文件中，只需要准备TableLayout组件即可；为了防止数据字段以及数据项较多，使用ScrollView进行包裹，这样可以进行上下左右滑动。代码如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/tv_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:layout_marginBottom="15dp"
        android:text="工具辅料"
        android:gravity="center_horizontal"
        android:textSize="30sp"/>


    <ScrollView

        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/tv_title"
        android:focusable="true"
        android:focusableInTouchMode="true">

        <HorizontalScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:focusable="true"
            android:focusableInTouchMode="true">

            <TableLayout

                android:id="@+id/tbl_material"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:paddingVertical="10dp"
                android:paddingHorizontal="20dp"
                android:focusable="true"
                android:focusableInTouchMode="true">


            </TableLayout>

        </HorizontalScrollView>

    </ScrollView>

</RelativeLayout>

其他的绘制工作在Java代码中动态完成。

首先我们需要准备好数据的列表，本例中需要显示的是工具辅料信息，类MaterialInfo中记录了辅料名、对应班组、库存量、最小最大值等信息。

然后需要对表头和主体分别绘制，为了方便，全部放在for循环内实现，flag为表头标识，绘制完表头后即可设为false。

TableLayout是由一个个TableRow（行）组成的，其格式可由setLayoutParams来设置，具体可参见文档。

在TableRow之下，可以想象为单元格，每个单元格我们用TextView组件实现，对于TextView我们可以设置其文字内容、字体颜色、背景色、大小、上下左右间距等等属性。

要注意的是，每设置好一个单元格，就要加入对应行，每设置好一行，就要加入表格。

另外，使用一个简单的有背景色的View组件来作为行与行之间的框线。具体代码如下：

//最外层声明
private TableLayout mTblMaterial;

//onCreate函数内绑定
mTblMaterial = findViewById(R.id.tbl_material);


private void setView(List<MaterialInfo> materialList) {
    boolean flag = true;
    for (int i = -1; i < materialList.size(); ++i) {
        TableRow tr = new TableRow(WorkerToolsActivity.this);
        tr.setLayoutParams(new TableRow.LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT
        ));

        if (flag) {

            TextView t = new TextView(WorkerToolsActivity.this);
            t.setText("班组");
            t.setGravity(Gravity.CENTER_HORIZONTAL);
            t.setTextColor(Color.BLUE);
            t.setPadding(0, 5, 5, 5);
            t.setTextSize(22);
            tr.addView(t);

            t = new TextView(WorkerToolsActivity.this);
            t.setText("辅料");
            t.setGravity(Gravity.CENTER_HORIZONTAL);
            t.setPadding(20, 5, 5, 5);
            t.setTextColor(Color.BLUE);
            t.setTextSize(22);
            tr.addView(t);

            t = new TextView(WorkerToolsActivity.this);
            t.setText("库存量");
            t.setGravity(Gravity.CENTER_HORIZONTAL);
            t.setPadding(20, 5, 5, 5);
            t.setTextColor(Color.BLUE);
            t.setTextSize(22);
            tr.addView(t);

            t = new TextView(WorkerToolsActivity.this);
            t.setText("最小值");
            t.setGravity(Gravity.CENTER_HORIZONTAL);
            t.setPadding(20, 5, 5, 5);
            t.setTextColor(Color.BLUE);
            t.setTextSize(22);
            tr.addView(t);

            t = new TextView(WorkerToolsActivity.this);
            t.setText("最大值");
            t.setGravity(Gravity.CENTER_HORIZONTAL);
            t.setPadding(20, 5, 5, 5);
            t.setTextColor(Color.BLUE);
            t.setTextSize(22);
            tr.addView(t);

            mTblMaterial.addView(tr);

            final View vline = new View(WorkerToolsActivity.this);
            vline.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT, 2));
            vline.setBackgroundColor(Color.BLUE);

            mTblMaterial.addView(vline);

            flag = false;
        } else {
            TextView t2 = new TextView(WorkerToolsActivity.this);
            t2.setText(materialList.get(i).getGroup_name());
            t2.setPadding(0, 5, 5, 5);
            t2.setTextColor(Color.BLACK);
            t2.setTextSize(20);
            tr.addView(t2);

            t2 = new TextView(WorkerToolsActivity.this);
            t2.setText(materialList.get(i).getMaterial_name());
            t2.setPadding(20, 5, 5, 5);
            t2.setTextColor(Color.BLACK);
            t2.setTextSize(20);
            tr.addView(t2);

            t2 = new TextView(WorkerToolsActivity.this);
            Log.d(TAG, "setView: " + materialList.get(i).getAmount());
            t2.setText("" + materialList.get(i).getAmount());
            t2.setPadding(20, 5, 5, 5);
            t2.setTextColor(Color.BLACK);
            if (materialList.get(i).getAmount() < materialList.get(i).getMin())
                t2.setBackgroundColor(Color.RED);
            t2.setTextSize(20);
            tr.addView(t2);

            t2 = new TextView(WorkerToolsActivity.this);
            t2.setText("" + materialList.get(i).getMin());
            t2.setPadding(20, 5, 5, 5);
            t2.setTextSize(20);
            tr.addView(t2);

            t2 = new TextView(WorkerToolsActivity.this);
            t2.setText("" + materialList.get(i).getMax());
            t2.setPadding(20, 5, 5, 5);
            t2.setTextSize(20);
            tr.addView(t2);

            mTblMaterial.addView(tr);

            final View vline = new View(WorkerToolsActivity.this);
            vline.setLayoutParams(new TableRow.LayoutParams(TableRow.LayoutParams.MATCH_PARENT, 1));
            vline.setBackgroundColor(Color.BLACK);

            mTblMaterial.addView(vline);
        }
    }
}