Android 真正的九宮格布局 橫屏豎屏上下均自動居中

今天想寫個Android 九宮格的布局,baidu了一下,網上的代碼大同小異,但是都不能實現豎直方向上的居中,於是就自己研究了一下,分享於此.先看看效果圖:

分別是橫屏和豎屏的,其他擴張大家可以自行添加了.

布局代碼如下:

1. <?xml version="1.0" encoding="utf-8"?>
2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:stretchColumns="*" >
7. <View
8. android:layout_width="match_parent"
9. android:layout_height="1dip"
10. android:background="#B7B7B7" />
12. <TableRow
13. android:id="@+id/tableRow1"
14. android:layout_width="match_parent"
15. android:layout_height="match_parent"
16. android:layout_weight="1" >
18. <ImageView
19. android:id="@+id/imageView1"
20. android:layout_width="wrap_content"
21. android:layout_height="wrap_content"
22. android:layout_gravity="center"
23. android:padding="15dip"
24. android:src="@drawable/ic_launcher" />
26. <ImageView
27. android:id="@+id/imageView1"
28. android:layout_width="wrap_content"
29. android:layout_height="wrap_content"
30. android:layout_gravity="center"
31. android:padding="15dip"
32. android:src="@drawable/ic_launcher" />
34. <ImageView
35. android:id="@+id/imageView1"
36. android:layout_width="wrap_content"
37. android:layout_height="wrap_content"
38. android:layout_gravity="center"
39. android:padding="15dip"
40. android:src="@drawable/ic_launcher" />
41. </TableRow>
43. <View
44. android:layout_height="1dip"
45. android:background="#B7B7B7" />
47. <TableRow
48. android:id="@+id/tableRow2"
49. android:layout_width="wrap_content"
50. android:layout_height="wrap_content"
51. android:layout_weight="1" >
53. <ImageView
54. android:id="@+id/imageView1"
55. android:layout_width="wrap_content"
56. android:layout_height="wrap_content"
57. android:layout_gravity="center"
58. android:padding="15dip"
59. android:src="@drawable/ic_launcher" />
61. <ImageView
62. android:id="@+id/imageView1"
63. android:layout_width="wrap_content"
64. android:layout_height="wrap_content"
65. android:layout_gravity="center"
66. android:padding="15dip"
67. android:src="@drawable/ic_launcher" />
69. <ImageView
70. android:id="@+id/imageView1"
71. android:layout_width="wrap_content"
72. android:layout_height="wrap_content"
73. android:layout_gravity="center"
74. android:padding="15dip"
75. android:src="@drawable/ic_launcher" />
76. </TableRow>
78. <View
79. android:layout_width="match_parent"
80. android:layout_height="1dip"
81. android:background="#B7B7B7" />
83. <TableRow
84. android:id="@+id/tableRow3"
85. android:layout_width="wrap_content"
86. android:layout_height="wrap_content"
87. android:layout_gravity="center"
88. android:layout_weight="1" >
90. <ImageView
91. android:id="@+id/imageView1"
92. android:layout_width="wrap_content"
93. android:layout_height="wrap_content"
94. android:layout_gravity="center"
95. android:padding="15dip"
96. android:src="@drawable/ic_launcher" />
98. <ImageView
99. android:id="@+id/imageView1"
100. android:layout_width="wrap_content"
101. android:layout_height="wrap_content"
102. android:layout_gravity="center"
103. android:padding="15dip"
104. android:src="@drawable/ic_launcher" />
106. <ImageView
107. android:id="@+id/imageView1"
108. android:layout_width="wrap_content"
109. android:layout_height="wrap_content"
110. android:layout_gravity="center"
111. android:padding="15dip"
112. android:src="@drawable/ic_launcher" />
113. </TableRow>
115. <View
116. android:layout_width="match_parent"
117. android:layout_height="1dip"
118. android:background="#B7B7B7" />
120. </TableLayout>

xml代碼很簡單,相信大家都能看懂了,就不多解釋了。