風格跟HTML中的表格佈局接近,只是所採用的標籤有所不同;在這裏<TableLayout>是頂級元素,說明採用的是表格佈局;<TableRow>定義行,是行標籤;<TextView>定義一個單元格內容,是列標籤,相當於html中的td標籤
在這裏可以有android:stretchColumns屬性值指定列數,也可以不指定,直接寫。由gravity指定文字對齊方式,padding指定視圖與視圖內容間的空隙,單位爲像素由dip表示,作用於px相同,也可寫px
string.xml文件內容:
<stringname="name">聯繫人姓名</string>
<string name="gender">性別</string>
<string name="gender1">男</string>
<string name="gender2">女</string>
<string name="number">聯繫人電話</string>
<stringname="name1">Sunny</string>
<stringname="number1">1111111111</string>
<stringname="name2">Heyley</string>
<stringname="number2">00000000000</string>
<stringname="name3">Army</string>
<stringname="number3">2222222222</string>
<stringname="name4">Jone</string>
<stringname="number4">3333333333</string>
<stringname="name5">David</string>
<stringname="number5">4444444444</string>
<stringname="name6">John</string>
<stringname="number6">55555555555</string>
main.xml文件內容:
<?xmlversion="1.0" encoding="utf-8"?>
<TableLayoutxmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:stretchColumns="0,1,2">
<TableRow>
<TextView
android:text="@string/name"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/gender"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/number"
android:gravity="center"
android:padding="3px"/>
</TableRow>
<TableRow>
<TextView
android:text="@string/name1"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/gender2"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/number1"
android:gravity="center"
android:padding="3px"/>
</TableRow>
<TableRow>
<TextView
android:text="@string/name2"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/gender2"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/number2"
android:gravity="center"
android:padding="3px"/>
</TableRow>
<TableRow>
<TextView
android:text="@string/name6"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/gender1"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/number6"
android:gravity="center"
android:padding="3px"/>
</TableRow>
<TableRow>
<TextView
android:text="@string/name5"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/gender1"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/number5"
android:gravity="center"
android:padding="3px"/>
</TableRow>
<TableRow>
<TextView
android:text="@string/name4"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/gender1"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/number4"
android:gravity="center"
android:padding="3px"/>
</TableRow>
<TableRow>
<TextView
android:text="@string/name3"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/gender2"
android:gravity="center"
android:padding="3px"/>
<TextView
android:text="@string/number3"
android:gravity="center"
android:padding="3px"/>
</TableRow>
</TableLayout>
效果圖:
設計思路:該表格佈局主要分爲了七行三列,使用文本是string.xml文件中的文本