android 表格布局(类似于html)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<!-- 定义第一个表格布局,指定第2列允许收缩,第3列允许拉伸 -->
<TableLayout android:id="@+id/TableLayout01" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"
    android:shrinkColumns="1"
    android:stretchColumns="2"
>
    <!-- 直接添加按钮,它自己会占一行 -->
    <Button android:id="@+id/ok1" 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="独自一行的按钮"
        />
    <!-- 添加一个表格行 -->
    <TableRow>
    <!-- 为该表格行添加3个按钮 -->
        <Button android:id="@+id/ok2" 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="普通按钮"
        />     
        <Button android:id="@+id/ok3" 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="允许被收缩的按钮"
        /> 
        <Button android:id="@+id/ok4" 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="允许被拉伸的按钮"
        />
    </TableRow>    
</TableLayout>
<!-- 定义第二个表格布局 ,指定第二列隐藏-->
<TableLayout android:id="@+id/TableLayout01" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"
    android:collapseColumns="1"
>
<!-- 直接添加按钮,它自己会占一行 -->
<Button android:id="@+id/ok5" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text=" 独自一行的按钮 "
    />
<!--定义一个表格行-->
<TableRow>
<!-- 为该表格行添加3个按钮 -->
<Button android:id="@+id/ok6" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="普通按钮1"
    />     
<Button android:id="@+id/ok7" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="被隐藏的按钮"
    /> 
<Button android:id="@+id/ok8" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="普通按钮 3"
    />
</TableRow>    
</TableLayout>
<!-- 定义第三个表格布局 ,指定第2、3两列可以被拉伸-->
<TableLayout android:id="@+id/TableLayout01" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"
    android:stretchColumns="1,2"
>
<!-- 直接添加按钮,它自己会占一行 -->
<Button android:id="@+id/ok9" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="独自一行的按钮"
    />
<!--定义一个表格行-->
<TableRow>
<!-- 为该表格行添加3个按钮 -->
<Button android:id="@+id/ok10" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="普通按钮"
    />     
<Button android:id="@+id/ok11" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="允许被拉伸的按钮"
    /> 
<Button android:id="@+id/ok12" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="允许被拉伸的按钮"
    />
</TableRow>    
<!--定义一个表格行-->
<TableRow>
<!-- 为该表格行添加2个按钮 -->
<Button android:id="@+id/ok13" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="普通按钮"
    />     
<Button android:id="@+id/ok14" 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="允许被拉伸的按钮"
    />
</TableRow>    
</TableLayout>
</LinearLayout>

 

posted @ 2014-07-26 12:54  yufenghou  阅读(523)  评论(0编辑  收藏  举报