首頁 > 後端開發 > php教程 > Android UI控制系列:TableLayout(表格版面)

Android UI控制系列:TableLayout(表格版面)

黄舟
發布: 2023-03-05 06:20:01
原創
1378 人瀏覽過

TableLayout是一個以行、列顯示視圖View的視圖群組

1、開始一個新的工程,名字叫做HelloTableLayout

2、開啟res/layout/main.xml檔案並且插入如下內容

<?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>
登入後複製

注意到這個檔案類似HTML的table的結構,TableLayout元素就像是HTML中的

元素;TableRow就像是一一個元素;但是對於每一個單元格,你可以用各種視圖元素,在這裡例子裡,每個單元格用TextView,在這些行之間,還有一個基本View,用來畫水平線

TextView中的一些屬性

android:layout_column=”1″:表示控制項放在標號為1的列上,標號是從0開始的

android:gravity=”right”:定義字體在父控件中顯示在右邊

android:stretchColumns=”1″:設定自動拉伸哪些列,列ID從0開始,多個列的話用”,”分隔。這裡的作用是讓第2列可以擴展到所有可用空間

android:shrinkColumns:設定自動收縮哪些列,列ID從0開始,多個列的話用」,」分隔

android:collapseColumns:設定自動隱藏哪些列,列ID從0開始,多個列的話用」,」分隔

順便:android:layout_span表示一個控制項佔幾列空間

下面的是基本的View,是在螢幕上畫一條2dip高的一條橫線

<View
android:layout_height=”2dip”
android:background=”#FF909090″
/>
登入後複製

3、運行結果如下:

Android UI控制系列:TableLayout(表格版面)

網以上就是Android UI控制系列:TableLayout(表格內容版)的內容,更相關請關注PHPcn(www.php.cn )!


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板