http://www.apkbus.com/android-17793-1-1.html

在Android里，要实现像Web上的表格有边框的布局比较繁琐，但总算弄出来了，样子还过得去。先上个图，大家可以拍砖。。。
Android实现类似有Table边框的布局_第1张图片
下面看看布局文件吧！内容比较多，不过差不多都是重复的。

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_width="fill_parent"
  3. android:layout_height="fill_parent"
  4. android:layout_gravity="center_vertical"
  5. android:background="@color/dark_grey"
  6. android:orientation="vertical">

  8. <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content"
  9. android:layout_marginTop="10dp" android:layout_marginLeft="10dp" android:layout_marginRight="10dp">
  10. <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
  11. style="@style/BlackTextInfo" android:id="@+id/detailtime"
  12. android:layout_alignParentLeft="true"/>
  13. <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"
  14. android:layout_alignParentRight="true" android:layout_marginRight="10dp">
  15. <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
  16. style="@style/BlackTextInfo" android:textColor="@color/red" android:text="合计："/>
  17. <TextView android:id="@+id/totalfee"
  18. android:layout_width="wrap_content" android:layout_height="wrap_content"
  19. style="@style/BlackTextInfo" android:textColor="@color/red"/>
  20. </LinearLayout>
  21. </RelativeLayout>
  22. <TableLayout android:fitsSystemWindows="true" android:scrollbars="vertical"
  23. android:layout_width="fill_parent" android:layout_height="wrap_content"
  24. android:layout_margin="10dp">
  25. <LinearLayout android:layout_width="fill_parent" android:layout_height="50dp">
  26. <TableRow android:layout_width="fill_parent" android:layout_height="fill_parent"
  27. android:background="@color/light_grey" android:gravity="center" android:layout_weight="1">

  29. <TextView android:layout_width="102dp" android:layout_height="wrap_content"
  30. android:text="@string/outfall" android:layout_weight="1"
  31. android:gravity="center" style="@style/BlackTextInfo"/>
  32. <View style="@style/TableBorder"/>
  33. <TextView android:layout_width="100dp" android:layout_height="wrap_content"
  34. android:text="@string/pollutunit"android:layout_weight="1"
  35. android:gravity="center" style="@style/BlackTextInfo"/>
  36. <View style="@style/TableBorder"/>

  38. <TextView android:layout_width="100dp" android:layout_height="wrap_content"
  39. android:text="@string/feemonth"android:layout_weight="1"
  40. android:gravity="center" style="@style/BlackTextInfo"/>
  41. <View style="@style/TableBorder"/>

  43. <TextView android:layout_width="100dp" android:layout_height="wrap_content"
  44. android:text="@string/concentration"android:layout_weight="1"
  45. android:gravity="center" style="@style/BlackTextInfo"/>
  46. <View style="@style/TableBorder"/>
  47. <TextView android:layout_width="100dp" android:layout_height="wrap_content"
  48. android:text="@string/paifangs"android:layout_weight="1"
  49. android:gravity="center" style="@style/BlackTextInfo"/>

  51. <View style="@style/TableBorder"/>

  53. <TextView android:layout_width="100dp" android:layout_height="wrap_content"
  54. android:text="@string/charges"android:layout_weight="1"
  55. android:gravity="center" style="@style/BlackTextInfo"/>
  56. <View style="@style/TableBorder"/>
  57. <TextView android:layout_width="100dp" android:layout_height="wrap_content"
  58. android:text="@string/emissionfee" android:layout_weight="1"
  59. android:gravity="center" style="@style/BlackTextInfo"/>

  61. </TableRow>
  62. </LinearLayout>
  63. <View style="@style/horizontalline" android:layout_marginLeft="10dp"
  64. android:layout_marginRight="10dp"/>
  65. <TableRow android:layout_width="fill_parent" android:layout_height="wrap_content"
  66. android:background="@color/white" android:gravity="center">
  67. <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content"
  68. android:orientation="horizontal" android:layout_weight="1" android:gravity="center">
  69. <TextView android:layout_width="110dp" android:layout_height="wrap_content"
  70. android:text="排放口1" android:layout_weight="1"
  71. android:gravity="center" style="@style/BlackTextInfo"
  72. />
  73. <View style="@style/TableBorder" android:layout_height="wrap_content"/>
  74. <LinearLayout android:layout_width="110dp" android:layout_height="fill_parent"
  75. android:orientation="vertical" android:layout_weight="1" android:gravity="center"
  76. android:layout_gravity="center">
  77. <TextView android:id="@+id/pollname1"
  78. android:layout_width="wrap_content" android:layout_height="130dp"
  79. style="@style/BlackTextInfo" android:layout_weight="1"
  80. android:gravity="center"/>
  81. <View style="@style/horizontalline"/>
  82. <TextView android:id="@+id/pollname2"
  83. android:layout_width="wrap_content" android:layout_height="130dp"
  84. style="@style/BlackTextInfo" android:layout_weight="1"
  85. android:gravity="center"/>
  86. <View style="@style/horizontalline"/>
  87. <TextView android:id="@+id/pollname3"
  88. android:layout_width="wrap_content" android:layout_height="130dp"
  89. style="@style/BlackTextInfo" android:layout_weight="1"
  90. android:gravity="center"/>
  91. </LinearLayout>
  92. <View style="@style/TableBorder" android:layout_height="wrap_content"/>
  93. </LinearLayout>
  94. <LinearLayout android:layout_width="fill_parent" android:layout_height="fill_parent"
  95. android:orientation="horizontal" android:layout_weight="1" android:gravity="center">
  96. <LinearLayout android:layout_width="110dp" android:layout_height="fill_parent"
  97. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  98. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  99. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  100. <TextView android:id="@+id/itemtime1"
  101. android:layout_width="wrap_content" android:layout_height="wrap_content"
  102. android:gravity="center" android:layout_weight="1"
  103. style="@style/BlackTextInfo"/>
  104. <View style="@style/horizontalline"/>
  105. <TextView android:id="@+id/itemtime2"
  106. android:layout_width="wrap_content" android:layout_height="wrap_content"
  107. android:gravity="center" android:layout_weight="1"
  108. style="@style/BlackTextInfo"/>
  109. <View style="@style/horizontalline"/>
  110. <TextView android:id="@+id/itemtime3"
  111. android:layout_width="wrap_content" android:layout_height="wrap_content"
  112. android:gravity="center" android:layout_weight="1"
  113. style="@style/BlackTextInfo"/>
  114. </LinearLayout>
  115. <View style="@style/horizontalline"/>
  116. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  117. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  118. <TextView android:id="@+id/itemtime4"
  119. android:layout_width="wrap_content" android:layout_height="wrap_content"
  120. android:gravity="center" android:layout_weight="1"
  121. style="@style/BlackTextInfo"/>
  122. <View style="@style/horizontalline"/>
  123. <TextView android:id="@+id/itemtime5"
  124. android:layout_width="wrap_content" android:layout_height="wrap_content"
  125. android:gravity="center" android:layout_weight="1"
  126. style="@style/BlackTextInfo"/>
  127. <View style="@style/horizontalline"/>
  128. <TextView android:id="@+id/itemtime6"
  129. android:layout_width="wrap_content" android:layout_height="wrap_content"
  130. android:gravity="center" android:layout_weight="1"
  131. style="@style/BlackTextInfo"/>
  132. </LinearLayout>
  133. <View style="@style/horizontalline"/>
  134. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  135. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  136. <TextView android:id="@+id/itemtime7"
  137. android:layout_width="wrap_content" android:layout_height="wrap_content"
  138. android:gravity="center" android:layout_weight="1"
  139. style="@style/BlackTextInfo"/>
  140. <View style="@style/horizontalline"/>
  141. <TextView android:id="@+id/itemtime8"
  142. android:layout_width="wrap_content" android:layout_height="wrap_content"
  143. android:gravity="center" android:layout_weight="1"
  144. style="@style/BlackTextInfo"/>
  145. <View style="@style/horizontalline"/>
  146. <TextView android:id="@+id/itemtime9"
  147. android:layout_width="wrap_content" android:layout_height="wrap_content"
  148. android:gravity="center" android:layout_weight="1"
  149. style="@style/BlackTextInfo"/>
  150. </LinearLayout>
  151. </LinearLayout>

  153. <View style="@style/TableBorder" android:layout_height="wrap_content"/>
  154. <LinearLayout android:layout_width="110dp" android:layout_height="fill_parent"
  155. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  156. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  157. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  158. <TextView android:id="@+id/concent1"
  159. android:layout_width="wrap_content" android:layout_height="wrap_content"
  160. android:gravity="center" android:layout_weight="1"
  161. style="@style/BlackTextInfo"/>
  162. <View style="@style/horizontalline"/>
  163. <TextView android:id="@+id/concent2"
  164. android:layout_width="wrap_content" android:layout_height="wrap_content"
  165. android:gravity="center" android:layout_weight="1"
  166. style="@style/BlackTextInfo"/>
  167. <View style="@style/horizontalline"/>
  168. <TextView android:id="@+id/concent3"
  169. android:layout_width="wrap_content" android:layout_height="wrap_content"
  170. android:gravity="center" android:layout_weight="1"
  171. style="@style/BlackTextInfo"/>
  172. </LinearLayout>
  173. <View style="@style/horizontalline"/>
  174. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  175. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  176. <TextView android:id="@+id/concent4"
  177. android:layout_width="wrap_content" android:layout_height="wrap_content"
  178. android:gravity="center" android:layout_weight="1"
  179. style="@style/BlackTextInfo"/>
  180. <View style="@style/horizontalline"/>
  181. <TextView android:id="@+id/concent5"
  182. android:layout_width="wrap_content" android:layout_height="wrap_content"
  183. android:gravity="center" android:layout_weight="1"
  184. style="@style/BlackTextInfo"/>
  185. <View style="@style/horizontalline"/>
  186. <TextView android:id="@+id/concent6"
  187. android:layout_width="wrap_content" android:layout_height="wrap_content"
  188. android:gravity="center" android:layout_weight="1"
  189. style="@style/BlackTextInfo"/>
  190. </LinearLayout>
  191. <View style="@style/horizontalline"/>
  192. <LinearLayout
  193. android:layout_width="110dp" android:layout_height="wrap_content"
  194. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  195. <TextView android:id="@+id/concent7"
  196. android:layout_width="wrap_content" android:layout_height="wrap_content"
  197. android:gravity="center" android:layout_weight="1"
  198. style="@style/BlackTextInfo"/>
  199. <View style="@style/horizontalline"/>
  200. <TextView android:id="@+id/concent8"
  201. android:layout_width="wrap_content" android:layout_height="wrap_content"
  202. android:gravity="center" android:layout_weight="1"
  203. style="@style/BlackTextInfo"/>
  204. <View style="@style/horizontalline"/>
  205. <TextView android:id="@+id/concent9"
  206. android:layout_width="wrap_content" android:layout_height="wrap_content"
  207. android:gravity="center" android:layout_weight="1"
  208. style="@style/BlackTextInfo"/>
  209. </LinearLayout>
  210. </LinearLayout>
  211. <View style="@style/TableBorder" android:layout_height="wrap_content"/>
  212. <LinearLayout android:layout_width="110dp" android:layout_height="fill_parent"
  213. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  214. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  215. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  216. <TextView android:id="@+id/emission1"
  217. android:layout_width="wrap_content" android:layout_height="wrap_content"
  218. android:gravity="center" android:layout_weight="1"
  219. style="@style/BlackTextInfo"/>
  220. <View style="@style/horizontalline"/>
  221. <TextView android:id="@+id/emission2"
  222. android:layout_width="wrap_content" android:layout_height="wrap_content"
  223. android:gravity="center" android:layout_weight="1"
  224. style="@style/BlackTextInfo"/>
  225. <View style="@style/horizontalline"/>
  226. <TextView android:id="@+id/emission3"
  227. android:layout_width="wrap_content" android:layout_height="wrap_content"
  228. android:gravity="center" android:layout_weight="1"
  229. style="@style/BlackTextInfo"/>
  230. </LinearLayout>
  231. <View style="@style/horizontalline"/>
  232. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  233. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  234. <TextView android:id="@+id/emission4"
  235. android:layout_width="wrap_content" android:layout_height="wrap_content"
  236. android:gravity="center" android:layout_weight="1"
  237. style="@style/BlackTextInfo"/>
  238. <View style="@style/horizontalline"/>
  239. <TextView android:id="@+id/emission5"
  240. android:layout_width="wrap_content" android:layout_height="wrap_content"
  241. android:gravity="center" android:layout_weight="1"
  242. style="@style/BlackTextInfo"/>
  243. <View style="@style/horizontalline"/>
  244. <TextView android:id="@+id/emission6"
  245. android:layout_width="wrap_content" android:layout_height="wrap_content"
  246. android:gravity="center" android:layout_weight="1"
  247. style="@style/BlackTextInfo"/>
  248. </LinearLayout>
  249. <View style="@style/horizontalline"/>
  250. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  251. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  252. <TextView android:id="@+id/emission7"
  253. android:layout_width="wrap_content" android:layout_height="wrap_content"
  254. android:gravity="center" android:layout_weight="1"
  255. style="@style/BlackTextInfo"/>
  256. <View style="@style/horizontalline"/>
  257. <TextView android:id="@+id/emission8"
  258. android:layout_width="wrap_content" android:layout_height="wrap_content"
  259. android:gravity="center" android:layout_weight="1"
  260. style="@style/BlackTextInfo"/>
  261. <View style="@style/horizontalline"/>
  262. <TextView android:id="@+id/emission9"
  263. android:layout_width="wrap_content" android:layout_height="wrap_content"
  264. android:gravity="center" android:layout_weight="1"
  265. style="@style/BlackTextInfo"/>
  266. </LinearLayout>
  267. </LinearLayout>
  268. <View style="@style/TableBorder" android:layout_height="wrap_content"/>
  269. <LinearLayout android:layout_width="110dp" android:layout_height="fill_parent"
  270. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  271. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  272. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  273. <TextView android:id="@+id/feestandard1"
  274. android:layout_width="wrap_content" android:layout_height="wrap_content"
  275. android:gravity="center" android:layout_weight="1"
  276. style="@style/BlackTextInfo"/>
  277. <View style="@style/horizontalline"/>
  278. <TextView android:id="@+id/feestandard2"
  279. android:layout_width="wrap_content" android:layout_height="wrap_content"
  280. android:gravity="center" android:layout_weight="1"
  281. style="@style/BlackTextInfo"/>
  282. <View style="@style/horizontalline"/>
  283. <TextView android:id="@+id/feestandard3"
  284. android:layout_width="wrap_content" android:layout_height="wrap_content"
  285. android:gravity="center" android:layout_weight="1"
  286. style="@style/BlackTextInfo"/>
  287. </LinearLayout>
  288. <View style="@style/horizontalline"/>
  289. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  290. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  291. <TextView android:id="@+id/feestandard4"
  292. android:layout_width="wrap_content" android:layout_height="wrap_content"
  293. android:gravity="center" android:layout_weight="1"
  294. style="@style/BlackTextInfo"/>
  295. <View style="@style/horizontalline"/>
  296. <TextView android:id="@+id/feestandard5"
  297. android:layout_width="wrap_content" android:layout_height="wrap_content"
  298. android:gravity="center" android:layout_weight="1"
  299. style="@style/BlackTextInfo"/>
  300. <View style="@style/horizontalline"/>
  301. <TextView android:id="@+id/feestandard6"
  302. android:layout_width="wrap_content" android:layout_height="wrap_content"
  303. android:gravity="center" android:layout_weight="1"
  304. style="@style/BlackTextInfo"/>
  305. </LinearLayout>
  306. <View style="@style/horizontalline"/>
  307. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  308. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  309. <TextView android:id="@+id/feestandard7"
  310. android:layout_width="wrap_content" android:layout_height="wrap_content"
  311. android:gravity="center" android:layout_weight="1"
  312. style="@style/BlackTextInfo"/>
  313. <View style="@style/horizontalline"/>
  314. <TextView android:id="@+id/feestandard8"
  315. android:layout_width="wrap_content" android:layout_height="wrap_content"
  316. android:gravity="center" android:layout_weight="1"
  317. style="@style/BlackTextInfo"/>
  318. <View style="@style/horizontalline"/>
  319. <TextView android:id="@+id/feestandard9"
  320. android:layout_width="wrap_content" android:layout_height="wrap_content"
  321. android:gravity="center" android:layout_weight="1"
  322. style="@style/BlackTextInfo"/>
  323. </LinearLayout>
  324. </LinearLayout>
  325. <View style="@style/TableBorder" android:layout_height="wrap_content"/>
  326. <LinearLayout android:layout_width="110dp" android:layout_height="fill_parent"
  327. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  328. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  329. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  330. <TextView android:id="@+id/emissionfee1"
  331. android:layout_width="wrap_content" android:layout_height="wrap_content"
  332. android:gravity="center" android:layout_weight="1"
  333. style="@style/BlackTextInfo"/>
  334. <View style="@style/horizontalline"/>
  335. <TextView android:id="@+id/emissionfee2"
  336. android:layout_width="wrap_content" android:layout_height="wrap_content"
  337. android:gravity="center" android:layout_weight="1"
  338. style="@style/BlackTextInfo"/>
  339. <View style="@style/horizontalline"/>
  340. <TextView android:id="@+id/emissionfee3"
  341. android:layout_width="wrap_content" android:layout_height="wrap_content"
  342. android:gravity="center" android:layout_weight="1"
  343. style="@style/BlackTextInfo"/>
  344. </LinearLayout>
  345. <View style="@style/horizontalline"/>
  346. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  347. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  348. <TextView android:id="@+id/emissionfee4"
  349. android:layout_width="wrap_content" android:layout_height="wrap_content"
  350. android:gravity="center" android:layout_weight="1"
  351. style="@style/BlackTextInfo"/>
  352. <View style="@style/horizontalline"/>
  353. <TextView android:id="@+id/emissionfee5"
  354. android:layout_width="wrap_content" android:layout_height="wrap_content"
  355. android:gravity="center" android:layout_weight="1"
  356. style="@style/BlackTextInfo"/>
  357. <View style="@style/horizontalline"/>
  358. <TextView android:id="@+id/emissionfee6"
  359. android:layout_width="wrap_content" android:layout_height="wrap_content"
  360. android:gravity="center" android:layout_weight="1"
  361. style="@style/BlackTextInfo"/>
  362. </LinearLayout>
  363. <View style="@style/horizontalline"/>
  364. <LinearLayout android:layout_width="110dp" android:layout_height="wrap_content"
  365. android:orientation="vertical" android:layout_weight="1" android:gravity="center">
  366. <TextView android:id="@+id/emissionfee7"
  367. android:layout_width="wrap_content" android:layout_height="wrap_content"
  368. android:gravity="center" android:layout_weight="1"
  369. style="@style/BlackTextInfo"/>
  370. <View style="@style/horizontalline"/>
  371. <TextView android:id="@+id/emissionfee8"
  372. android:layout_width="wrap_content" android:layout_height="wrap_content"
  373. android:gravity="center" android:layout_weight="1"
  374. style="@style/BlackTextInfo"/>
  375. <View style="@style/horizontalline"/>
  376. <TextView android:id="@+id/emissionfee9"
  377. android:layout_width="wrap_content" android:layout_height="wrap_content"
  378. android:gravity="center" android:layout_weight="1"
  379. style="@style/BlackTextInfo"/>
  380. </LinearLayout>
  381. </LinearLayout>
  382. </LinearLayout>
  383. </TableRow>


  386. </TableLayout>
  387. </LinearLayout>
复制代码 其实最重要的就是<View style="@style/horizontalline"/>和<View style="@style/TableBorder"/>，一个是画水平线，一个是画竖直线。再style.xml定义的样式分别为
<!-- 表格分隔坚线 -->
  1. <style name="TableBorder">
  2. <item name="android:background">#ABAE9E</item>
  3. <item name="android:layout_width">1dp</item>
  4. <item name="android:layout_height">fill_parent</item>
  5. </style>

  7. <!-- 水平直线 -->
  8. <style name="horizontalline">
  9. <item name="android:background">#ABAE9E</item>
  10. <item name="android:layout_width">fill_parent</item>
  11. <item name="android:layout_height">1dp</item>
  12. </style>
复制代码


更多相关文章

  1. Android 软键盘将指定的布局顶上去
  2. [图文]为移植到Android平台上的Cocos2d-x项目添加xml布局文件
  3. Android Notes｜细数「八大布局」那些事儿
  4. Android 和 iPhone 界面布局示例
  5. Android学习笔记2之基于XML的布局
  6. Android常用布局（FrameLayout、LinearLayout、RelativeLayout）详解

随机推荐

  1. 【Android 内存优化】Android 工程中使用
  2. Android中关于Volley的使用（四）利用Network
  3. Android图标设计标准和原则
  4. Android 开启之旅-学习路线
  5. Android应用程序的消息处理机制
  6. 关于android应用程序签名的一些事儿
  7. android 屏幕尺寸适配实现方案
  8. Android(安卓)自学之进度条ProgressBar
  9. Android手势与触摸事件的分发和消费机制
  10. Android 硬解码MediaCodec配合SurfaceVie