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>