歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> Android開發教程:表格布局的簡單使用

Android開發教程:表格布局的簡單使用

日期:2017/3/1 10:48:49   编辑:Linux編程

風格跟HTML中的表格布局接近,只是所采用的標簽有所不同;在這裡<TableLayout>是頂級元素,說明采用的是表格布局;<TableRow>定義行,是行標簽;<TextView>定義一個單元格內容,是列標簽,相當於html中的td標簽

在這裡可以有Android:stretchColumns屬性值指定列數,也可以不指定,直接寫。由gravity指定文字對齊方式,padding指定視圖與視圖內容間的空隙,單位為像素由dip表示,作用於px相同,也可寫px

string.xml文件內容:

  1. <stringnamestringname="name">聯系人姓名</string>
  2. <string name="gender">性別</string>
  3. <string name="gender1"></string>
  4. <string name="gender2"></string>
  5. <string name="number">聯系人電話</string>
  6. <stringnamestringname="name1">Sunny</string>
  7. <stringnamestringname="number1">1111111111</string>
  8. <stringnamestringname="name2">Heyley</string>
  9. <stringnamestringname="number2">00000000000</string>
  10. <stringnamestringname="name3">Army</string>
  11. <stringnamestringname="number3">2222222222</string>
  12. <stringnamestringname="name4">Jone</string>
  13. <stringnamestringname="number4">3333333333</string>
  14. <stringnamestringname="name5">David</string>
  15. <stringnamestringname="number5">4444444444</string>
  16. <stringnamestringname="name6">John</string>
  17. <stringnamestringname="number6">55555555555</string>

main.xml文件內容:

  1. <?xmlversionxmlversion="1.0" encoding="utf-8"?>
  2. <TableLayoutxmlns:androidTableLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:stretchColumns="0,1,2">
  6. <TableRow>
  7. <TextView
  8. android:text="@string/name"
  9. android:gravity="center"
  10. android:padding="3px"/>
  11. <TextView
  12. android:text="@string/gender"
  13. android:gravity="center"
  14. android:padding="3px"/>
  15. <TextView
  16. android:text="@string/number"
  17. android:gravity="center"
  18. android:padding="3px"/>
  19. </TableRow>
  20. <TableRow>
  21. <TextView
  22. android:text="@string/name1"
  23. android:gravity="center"
  24. android:padding="3px"/>
  25. <TextView
  26. android:text="@string/gender2"
  27. android:gravity="center"
  28. android:padding="3px"/>
  29. <TextView
  30. android:text="@string/number1"
  31. android:gravity="center"
  32. android:padding="3px"/>
  33. </TableRow>
  34. <TableRow>
  35. <TextView
  36. android:text="@string/name2"
  37. android:gravity="center"
  38. android:padding="3px"/>
  39. <TextView
  40. android:text="@string/gender2"
  41. android:gravity="center"
  42. android:padding="3px"/>
  43. <TextView
  44. android:text="@string/number2"
  45. android:gravity="center"
  46. android:padding="3px"/>
  47. </TableRow>
  48. <TableRow>
  49. <TextView
  50. android:text="@string/name6"
  51. android:gravity="center"
  52. android:padding="3px"/>
  53. <TextView
  54. android:text="@string/gender1"
  55. android:gravity="center"
  56. android:padding="3px"/>
  57. <TextView
  58. android:text="@string/number6"
  59. android:gravity="center"
  60. android:padding="3px"/>
  61. </TableRow>
  62. <TableRow>
  63. <TextView
  64. android:text="@string/name5"
  65. android:gravity="center"
  66. android:padding="3px"/>
  67. <TextView
  68. android:text="@string/gender1"
  69. android:gravity="center"
  70. android:padding="3px"/>
  71. <TextView
  72. android:text="@string/number5"
  73. android:gravity="center"
  74. android:padding="3px"/>
  75. </TableRow>
  76. <TableRow>
  77. <TextView
  78. android:text="@string/name4"
  79. android:gravity="center"
  80. android:padding="3px"/>
  81. <TextView
  82. android:text="@string/gender1"
  83. android:gravity="center"
  84. android:padding="3px"/>
  85. <TextView
  86. android:text="@string/number4"
  87. android:gravity="center"
  88. android:padding="3px"/>
  89. </TableRow>
  90. <TableRow>
  91. <TextView
  92. android:text="@string/name3"
  93. android:gravity="center"
  94. android:padding="3px"/>
  95. <TextView
  96. android:text="@string/gender2"
  97. android:gravity="center"
  98. android:padding="3px"/>
  99. <TextView
  100. android:text="@string/number3"
  101. android:gravity="center"
  102. android:padding="3px"/>
  103. </TableRow>
  104. </TableLayout>

效果圖:

設計思路:該表格布局主要分為了七行三列,使用文本是string.xml文件中的文本

Copyright © Linux教程網 All Rights Reserved