Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)

从字面上来看,TableLayout也比较简单,关键是要对相关的属性要熟悉,先看一个简单的例子(后面为效果图):
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="0,1,2"
    android:shrinkColumns="1,2"
    >
    
    <TextView
        android:text="Table Test"
        android:gravity="center"/>
    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="姓名"
            android:gravity="center"/>
        <TextView
            android:text="基本信息"
            android:gravity="center"/>
    </TableRow>
    <TableRow>
        <TextView
            android:text=" 1 "
            android:gravity="center"/>
        <TextView
            android:text="hoyah"
            android:gravity="left"/>
        <TextView
            android:text="Wuhan University"
            android:gravity="right"/>
    </TableRow>
    <TableRow>
        <TextView
            android:text=" 2 "
            android:gravity="center"/>
        <TextView
            android:text="Google"
            android:gravity="left"/>
        <TextView
            android:text="hello Google"
            android:gravity="right"/>
    </TableRow>
    <TableRow>
        <TextView
            android:text="3"
            android:gravity="center"/>
        <TextView
            android:text="Android"
            android:gravity="left"/>
        <TextView
            android:text="Android OS"
            android:gravity="right"/>
    </TableRow>
</TableLayout>
Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)_第1张图片
布局讲解:
    android:collapse="1
隐藏该TableLayout里的TableRow的列1,即第2列(从0开始计算),若有多列要隐藏,用“,”隔开。
    android:stretchColumns="0,1,2"
设置列0、1、2为可伸展列。
    android:shrinkColumns="1,2"
设置列1、2为可收缩列。
    android:background="@drawable/picture_name"
本例中没有涉及此属性,它是要设置当前view 的背景图片,图片文件应该放在res文件夹下。

接着我们再看看android官方文档中给出的例子:
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:stretchColumns="1">

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Open..."
            android:padding="3dip" />
        <TextView
            android:text="Ctrl-O"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Save..."
            android:padding="3dip" />
        <TextView
            android:text="Ctrl-S"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Save As..."
            android:padding="3dip" />
        <TextView
            android:text="Ctrl-Shift-S"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>

    <View
        android:layout_height="2dip"
        android:background="#FF909090" />

    <TableRow>
        <TextView
            android:text="X"
            android:padding="3dip" />
        <TextView
            android:text="Import..."
            android:padding="3dip" />
    </TableRow>

    <TableRow>
        <TextView
            android:text="X"
            android:padding="3dip" />
        <TextView
            android:text="Export..."
            android:padding="3dip" />
        <TextView
            android:text="Ctrl-E"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>

    <View
        android:layout_height="2dip"
        android:background="#FF909090" />

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Quit"
            android:padding="3dip" />
    </TableRow>
</TableLayout>
效果图如下,大家可以上机调试一下:

Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)_第2张图片



今天的主要工作是调节UI,在设置TextView的左右间距时,发现设置TextView的paddingLeft和paddingRight后毫无效果,并且设置TextView的layout_width也没有作用。一直纠结于此,当检查父布局TableLayout的属性时,发现其中有这么两行:

android:stretchColumns="1" android:shrinkColumns="1"这两个属性是TableLayout所特有的,也是这两个属性影响了子对象的布局。由于表格布局比较特殊,Android IT在此为大家详细介绍一下它的布局方式:

表格布局是按照行列来组织子视图的布局。表格布局包含一系列的Tabrow对象,用于定义行(也可以使用其它子对象)。表格布局不为它的行、列和单元格显示表格线。每个行可以包含个以上(包括)的单元格; 每个单元格可以设置一个View对象.与行包含很多单元格一样, 表格包含很多列。表格的单元格可以为空。

列的宽度由该列所有行中最宽的一个单元格决定.不过表格布局可以通过shrinkColumns和 stretchColumns两个属性来标记某些列可以收缩或可以拉伸. 如果标记为可以收缩,列宽可以收缩以使表格适合容器的大小。如果标记为可以拉伸, 列宽可以拉伸以占用多余的空间。表格的总宽度由其父容器决定. 记住列可以同时具有可拉伸和可收缩属性。最后,你还可以通过设置collapseColumns属性来隐藏列。

表格布局的子对象不能指定android:layout_width属性.宽度永远是"match_parent"。不过子对象可以定义 android:layout_height属性;其默认值是wrap_content. 如果子对象是TableRow,其高度永远是wrap_content。

虽然表格布局典型的子对象是表格行,实际上你可以使用任何视图类的子类, 作为表格视图的直接子对象.视图会作为只有一行并结合了所有列的单元格显示。stretchColumns="1"(TextView拉伸):stretchColumns="0"(左边拉伸): 

Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)_第3张图片

Android应用开发之( TableLayout中stretchColumns、shrinkColumns的用法)_第4张图片


你可能感兴趣的:(android,Google,layout,table,文档,encoding)