第七講：用戶界面 View（三）

有一個姑涼 · 發(fā)表于 2013-8-28 16:19

672

本講內容：
常見布局介紹：表格布局TableLayout

點此下載：

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

collapseColumns – 設置隱藏那些列，列ID從0開始，多個列的話用”,”分隔
stretchColumns – 設置自動伸展那些列，列ID從0開始，多個列的話用”,”分隔
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的話，那么他會表現(xiàn)的像一個LinearLayout。

接下來會講2個比較復雜的布局，然后講一些常用的View Widget。

› 智能家居 / NAS / 路由 / 開發(fā) / 音響 › TV應用開發(fā)交流

第七講：用戶界面 View（三）

第七講：用戶界面 View（三）