1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"
3 android:layout_width="fill_parent"
4 android:layout_height="fill_parent"
5 android:background="#FFFFFF"
6 android:orientation="vertical" >
7
8 <!-- 表格布局 -->
9 <TableLayout
10 android:layout_width="fill_parent"
11 android:layout_height="wrap_content"
12 android:padding="10dip" >
13 <!-- 表格布局：第一行 -->
14 <TableRow
15 android:layout_width="fill_parent"
16 android:layout_height="wrap_content"
17 android:background="@drawable/shape_top_corner_no_bottom_line"
18 android:padding="10dip" >
19 <TextView
20 android:layout_width="wrap_content"
21 android:layout_height="wrap_content"
22 android:layout_gravity="center_vertical"
23 android:layout_marginRight="10dip"
24 android:text="姓名:" >
25 </TextView>
26 <EditText
27 android:id="@+id/bankingYourNameEditText"
28 android:layout_width="wrap_content"
29 android:layout_height="wrap_content"
30 android:layout_gravity="center_vertical"
31 android:layout_weight="1"
32 android:background="@null"
33 android:singleLine="true" >
34 </EditText>
35 </TableRow>
36 <!-- 表格布局：第二行 -->
37 <TableRow
38 android:layout_width="fill_parent"
39 android:layout_height="wrap_content"
40 android:background="@drawable/shape_no_corner_without_bottom"
41 android:padding="10dip" >
42 <TextView
43 android:layout_width="wrap_content"
44 android:layout_height="wrap_content"
45 android:layout_gravity="center_vertical"
46 android:layout_marginRight="10dip"
47 android:text="联系电话:" >
48 </TextView>
49 <EditText
50 android:id="@+id/bankingContactTelEditText"
51 android:layout_width="wrap_content"
52 android:layout_height="wrap_content"
53 android:layout_gravity="center_vertical"
54 android:layout_weight="1"
55 android:background="@null"
56 android:inputType="phone"
57 android:singleLine="true" >
58 </EditText>
59 </TableRow>
60 <!-- 表格布局：第三行 -->
61 <TableRow
62 android:layout_width="fill_parent"
63 android:layout_height="wrap_content"
64 android:background="@drawable/shape_bottom_corner_no_top_line"
65 android:padding="10dip" >
66 <TextView
67 android:layout_width="wrap_content"
68 android:layout_height="wrap_content"
69 android:layout_gravity="center_vertical"
70 android:layout_marginRight="10dip"
71 android:text="联系电话:" >
72 </TextView>
73 <EditText
74 android:id="@+id/bankingContactTelEditText"
75 android:layout_width="wrap_content"
76 android:layout_height="wrap_content"
77 android:layout_gravity="center_vertical"
78 android:layout_weight="1"
79 android:background="@null"
80 android:inputType="phone"
81 android:singleLine="true" >
82 </EditText>
83 </TableRow>
84 </TableLayout>
85
86 <Button
87 android:id="@+id/button1"
88 android:layout_width="wrap_content"
89 android:layout_height="wrap_content"
90 android:layout_gravity="center"
91 android:text="Button" />
92
93 </LinearLayout>
94 表格布局中每个TableRow表示一行，TableRow中的每个基本控件都是一列，这是一个三行两列的布局
95 这里的表格背景是自定义的shape，下面分别看一下三个shape的代码。
96 shape_top_corner_no_bottom_line.xml文件：顶部带圆角 白色背景 灰色边框 无下边框 长方体
97 <?xml version="1.0" encoding="UTF-8"?>
98 <!-- 顶部带圆角 白色背景 灰色边框 无下边框 长方体 -->
99 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
100 <item>
101 <shape>
102 <solid android:color="#FFFFFF" />
103 <corners android:topLeftRadius="10dp" android:topRightRadius="10dp"
104 android:bottomRightRadius="0.1dp" android:bottomLeftRadius="0.1dp" />
105 <stroke android:width="1dp" android:color="#ffa8abad" />
106 </shape>
107 </item>
108 <item android:top="1dp" android:left="1dp" android:right="1dp">
109 <shape>
110 <solid android:color="#FFFFFF" />
111 <corners android:topLeftRadius="10dp" android:topRightRadius="10dp"
112 android:bottomRightRadius="0.1dp" android:bottomLeftRadius="0.1dp" />
113 <stroke android:width="1dp" android:color="#ffffffff" />
114 </shape>
115 </item>
116 </layer-list>
117 shape_no_corner_without_bottom.xml文件：不带圆角 白色背景 灰色边框 无下边框 长方体
118 <?xml version="1.0" encoding="UTF-8"?>
119 <!-- 不带圆角 白色背景 灰色边框 无下边框 长方体 -->
120 <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
121 <item>
122 <shape>
123 <solid android:color="#FFFFFF" />
124 <stroke
125 android:width="1dp"
126 android:color="#ffa8abad" />
127 </shape>
128 </item>
129 <item
130 android:left="1dp"
131 android:right="1dp"
132 android:top="1dp">
133 <shape>
134 <solid android:color="#FFFFFF" />
135 <stroke
136 android:width="1dp"
137 android:color="#ffffffff" />
138 </shape>
139 </item>
140 </layer-list>
141 shape_bottom_corner_no_top_line.xml文件：底部圆角 白色背景 灰色边框 长方体
142 <?xml version="1.0" encoding="UTF-8"?>
143 <!-- 底部圆角 白色背景 灰色边框 长方体 -->
144 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
145 <item>
146 <shape>
147 <solid android:color="#FFFFFF" />
148 <corners android:topLeftRadius="0.1dp" android:topRightRadius="0.1dp"
149 android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp" />
150 <stroke android:width="1dp" android:color="#ffa8abad" />
151 </shape>
152 </item>
153 <item android:top="1dp" android:bottom="1dp" android:left="1dp" android:right="1dp">
154 <shape>
155 <solid android:color="#FFFFFF" />
156 <corners android:topLeftRadius="0.1dp" android:topRightRadius="0.1dp"
157 android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp" />
158 <stroke android:width="1dp" android:color="#ffffffff" />
159 </shape>
160 </item>
161 </layer-list>
