展会信息港展会大全

android学习笔记9:TableLayout
来源:互联网   发布日期:2015-10-14 07:48:14   浏览:1675次  

导读:上一篇:http://www.2cto.com/kf/201112/115573.htmlTableLayout即表格布局,也就是采用行列的方式来管理UI控件,每一个TableRow代表一行,...

上一篇:http://www.2cto.com/kf/201112/115573.html

TableLayout即表格布局,也就是采用行列的方式来管理UI控件,每一个TableRow代表一行,列的数目根据你添加的控件的数目来确定。且可以指定每一列的拉伸收缩。

实现效果如下:

\

XML代码如下:

<?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>

摘自 hn307165411的专栏

赞助本站

人工智能实验室

相关热词: android开发 教程

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港