Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android 表格布局TableLayout示例詳解

Android 表格布局TableLayout示例詳解

編輯:關於Android編程

一、表格布局 TableLayout

表格布局TableLayout以行列的形式管理子元素,每一行是一個TableRow布局對象,當然也可以是普通的View對象,TableRow離每放一個元素就是一列,總列數由列數最多的那一行決定。

我們看一個例子:

<?xml version=”1.0″ encoding=”utf-8″?>
<TableLayout android:id=”@+id/TableLayout01″
android:layout_width=”fill_parent” android:layout_height=”fill_parent”
android:stretchColumns=”0″ xmlns:android=”http://schemas.android.com/apk/res/android”><TableRow android:layout_width=”fill_parent”
android:layout_height=”20dip”>
<TextView android:text=”色彩透明度測試” android:textSize=”18dip”
android:layout_span=”2″ 合並兩列
android:layout_gravity=”center”
android:layout_width=”fill_parent” android:layout_height=”fill_parent”>
</TextView>

在看下顯示效果圖:

其中 android:stretchColumns=”0″ 作用是讓第一列可以擴展到所有可用空間;下面我們講一下TableLayout幾個重要的屬性:

  1. collapseColumns – 設置隱藏那些列,列ID從0開始,多個列的話用”,”分隔
  2. stretchColumns – 設置自動伸展那些列,列ID從0開始,多個列的話用”,”分隔
  3. shrinkColumns -設置自動收縮那些列,列ID從0開始,多個列的話用”,”分隔

可以用”*”來表示所有列,同一列可以同時設置為shrinkable和stretchable。

我們再舉一個例子來看一下:

<?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=”打開…”
android:padding=”3dip” /> 元素內容與邊界之間保留3dip的距離
<TextView
android:text=”Ctrl-O”
android:gravity=”right”
android:padding=”3dip” />
</TableRow><TableRow>
<TextView
android:layout_column=”1″
android:text=”保存…”
android:padding=”3dip” />
<TextView
android:text=”Ctrl-S”
android:gravity=”right” 元素本身的內容向右對齊
android:padding=”3dip” />
</TableRow><TableRow>
<TextView
android:layout_column=”1″
android:text=”另存為…”
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=”導入…”
android:padding=”3dip” />
</TableRow><TableRow>
<TextView
android:text=”X”
android:padding=”3dip” />
<TextView
android:text=”導出…”
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=”退出”
android:padding=”3dip” />
</TableRow>
</TableLayout>

下面是顯示效果圖:

我加粗顯示的地方都有解釋,大家可以留意一下。

Tip:TableRow也是一個Layout,裡面的元素會水平排列,如果TableRow的父元素不是TableLayout的話,那麼他會表現的像一個LinearLayout。

以上就是Android TableLayout 布局的資料,後續繼續補充相關資料,謝謝大家對本站的支持!

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved