首页 / 操作系统 / Linux / Android开发教程：表格布局的简单使用

风格跟HTML中的表格布局接近，只是所采用的标签有所不同；在这里<TableLayout>是顶级元素，说明采用的是表格布局；<TableRow>定义行，是行标签；<TextView>定义一个单元格内容，是列标签，相当于html中的td标签在这里可以有Android：stretchColumns属性值指定列数，也可以不指定，直接写。由gravity指定文字对齐方式，padding指定视图与视图内容间的空隙，单位为像素由dip表示，作用于px相同，也可写pxstring.xml文件内容：

1. <stringnamestringname="name">联系人姓名</string>  
2.   
3.         <string name="gender">性别</string>  
4.   
5.         <string name="gender1">男</string>  
6.   
7.         <string name="gender2">女</string>  
8.   
9.         <string name="number">联系人电话</string>  
10.   
11.    
12.   
13.         <stringnamestringname="name1">Sunny</string>  
14.   
15.         <stringnamestringname="number1">1111111111</string>  
16.   
17.               
18.   
19.         <stringnamestringname="name2">Heyley</string>  
20.   
21.         <stringnamestringname="number2">00000000000</string>  
22.   
23.    
24.   
25.           
26.   
27.         <stringnamestringname="name3">Army</string>  
28.   
29.         <stringnamestringname="number3">2222222222</string>  
30.   
31.          
32.   
33.         <stringnamestringname="name4">Jone</string>  
34.   
35.         <stringnamestringname="number4">3333333333</string>  
36.   
37.          
38.   
39.         <stringnamestringname="name5">David</string>  
40.   
41.         <stringnamestringname="number5">4444444444</string>  
42.   
43.          
44.   
45.         <stringnamestringname="name6">John</string>  
46.   
47.         <stringnamestringname="number6">55555555555</string>  

main.xml文件内容：

1. <？xmlversionxmlversion="1.0" encoding="utf-8"？>  
2.   
3. <TableLayoutxmlns:androidTableLayoutxmlns:android="http://schemas.android.com/apk/res/android"  
4.   
5.    android:layout_width="match_parent"  
6.   
7.    android:layout_height="match_parent"   
8.   
9.    android:stretchColumns="0,1,2">  
10.   
11.    
12.   
13.     <TableRow>  
14.   
15.           
16.   
17.         <TextView   
18.   
19.            android:text="@string/name"  
20.   
21.             android:gravity="center"  
22.   
23.            android:padding="3px"/>  
24.   
25.         <TextView   
26.   
27.            android:text="@string/gender"  
28.   
29.             android:gravity="center"  
30.   
31.             android:padding="3px"/>  
32.   
33.         <TextView   
34.   
35.            android:text="@string/number"  
36.   
37.             android:gravity="center"  
38.   
39.            android:padding="3px"/>  
40.   
41.           
42.   
43.     </TableRow>  
44.   
45.     <TableRow>  
46.   
47.           
48.   
49.         <TextView   
50.   
51.            android:text="@string/name1"  
52.   
53.             android:gravity="center"  
54.   
55.            android:padding="3px"/>  
56.   
57.         <TextView   
58.   
59.            android:text="@string/gender2"  
60.   
61.             android:gravity="center"  
62.   
63.            android:padding="3px"/>  
64.   
65.         <TextView   
66.   
67.             android:text="@string/number1"  
68.   
69.             android:gravity="center"  
70.   
71.            android:padding="3px"/>  
72.   
73.           
74.   
75.     </TableRow>  
76.   
77.     <TableRow>  
78.   
79.           
80.   
81.         <TextView   
82.   
83.            android:text="@string/name2"  
84.   
85.             android:gravity="center"  
86.   
87.             android:padding="3px"/>  
88.   
89.         <TextView   
90.   
91.            android:text="@string/gender2"  
92.   
93.             android:gravity="center"  
94.   
95.            android:padding="3px"/>  
96.   
97.         <TextView   
98.   
99.            android:text="@string/number2"  
100.   
101.             android:gravity="center"  
102.   
103.             android:padding="3px"/>  
104.   
105.           
106.   
107.     </TableRow>  
108.   
109.     <TableRow>  
110.   
111.           
112.   
113.         <TextView   
114.   
115.            android:text="@string/name6"  
116.   
117.             android:gravity="center"  
118.   
119.            android:padding="3px"/>  
120.   
121.         <TextView   
122.   
123.             android:text="@string/gender1"  
124.   
125.             android:gravity="center"  
126.   
127.            android:padding="3px"/>  
128.   
129.         <TextView   
130.   
131.            android:text="@string/number6"  
132.   
133.             android:gravity="center"  
134.   
135.            android:padding="3px"/>  
136.   
137.           
138.   
139.     </TableRow>  
140.   
141.     <TableRow>  
142.   
143.           
144.   
145.         <TextView   
146.   
147.            android:text="@string/name5"  
148.   
149.             android:gravity="center"  
150.   
151.            android:padding="3px"/>  
152.   
153.         <TextView   
154.   
155.            android:text="@string/gender1"  
156.   
157.             android:gravity="center"  
158.   
159.             android:padding="3px"/>  
160.   
161.         <TextView   
162.   
163.            android:text="@string/number5"  
164.   
165.             android:gravity="center"  
166.   
167.            android:padding="3px"/>  
168.   
169.           
170.   
171.     </TableRow>  
172.   
173.     <TableRow>  
174.   
175.           
176.   
177.         <TextView   
178.   
179.             android:text="@string/name4"  
180.   
181.             android:gravity="center"  
182.   
183.            android:padding="3px"/>  
184.   
185.         <TextView   
186.   
187.            android:text="@string/gender1"  
188.   
189.             android:gravity="center"  
190.   
191.            android:padding="3px"/>  
192.   
193.         <TextView   
194.   
195.             android:text="@string/number4"  
196.   
197.             android:gravity="center"  
198.   
199.            android:padding="3px"/>  
200.   
201.           
202.   
203.     </TableRow>  
204.   
205.     <TableRow>  
206.   
207.           
208.   
209.         <TextView   
210.   
211.            android:text="@string/name3"  
212.   
213.             android:gravity="center"  
214.   
215.             android:padding="3px"/>  
216.   
217.         <TextView   
218.   
219.            android:text="@string/gender2"  
220.   
221.             android:gravity="center"  
222.   
223.            android:padding="3px"/>  
224.   
225.         <TextView   
226.   
227.            android:text="@string/number3"  
228.   
229.             android:gravity="center"  
230.   
231.            android:padding="3px"/>  
232.   
233.           
234.   
235.     </TableRow>  
236.   
237.    
238.   
239. </TableLayout>  

效果图：设计思路：该表格布局主要分为了七行三列，使用文本是string.xml文件中的文本