Android中ListView的用法案例

ListView:

在Android開發中ListView是比較常用的組件，它以列表的形式展示具體內容，並且能夠根據數據的長度自適應顯示。抽空把對ListView的使用做了整理，並寫了個小例子，如下圖。

想實現列表的顯示，需要三個元素：

1.ListView 用來展示列表的數據，直觀來說就是一個存放數據行的容器，一般定義在布局文件中。（只有通過它才能把數據給顯示到屏幕上來）

2.適配器 用來把數據按照指定格式映射到ListView上得中介。（可以看做是ListView和數據之間連接的橋梁）

3.數據 具體的將被映射的字符串，圖片，組件等等。。。（不要把艷照映射上來喔。。。）

接下來，跟我這我一步步實現：

第一步：先創建一個布局文件，並且指定一個ListView,id為home_lv_msgList

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:orientation="vertical"
6. android:background="@drawable/send_content_bg"
7. >
9. <!-- 標題欄部分 -->
10. <RelativeLayout
11. android:layout_width="fill_parent"
12. android:layout_height="wrap_content"
13. android:background="@drawable/send_title_bg"
14. >
15. <ImageButton
16. android:id="@+id/home_iv_edit"
17. android:layout_width="wrap_content"
18. android:layout_height="wrap_content"
19. android:background="@drawable/btn_edit"
20. android:layout_alignParentLeft="true"
21. android:layout_centerVertical="true"
22. android:layout_marginLeft="10dip"
23. />
24. <TextView
25. android:id="@+id/home_tv_showName"
26. android:layout_width="wrap_content"
27. android:layout_height="wrap_content"
28. android:text="12345"
29. android:textColor="#343434"
30. android:textSize="20sp"
31. android:layout_centerInParent="true"
32. />
33. <ImageButton
34. android:id="@+id/home_btn_refreshBtn"
35. android:layout_width="wrap_content"
36. android:layout_height="wrap_content"
37. android:layout_alignParentRight="true"
38. android:layout_centerVertical="true"
39. android:layout_marginRight="10dip"
40. android:background="@drawable/btn_refresh"
41. />
43. </RelativeLayout>
46. <RelativeLayout
47. android:layout_width="fill_parent"
48. android:layout_height="fill_parent"
49. >
50. <!-- 微博信息展示部分 -->
51. <ListView
52. android:id="@+id/home_lv_msgList"
53. android:layout_width="fill_parent"
54. android:layout_height="fill_parent"
55. android:divider="@drawable/divider"
56. android:dividerHeight="2dip"
57. android:background="#BBFFFFFF"
58. android:cacheColorHint="#00000000"
59. android:fastScrollEnabled="true"
60. android:focusable="true"
61. android:layout_margin="0dip"
62. android:layout_above="@+id/home_menuLayout"
63. >
64. </ListView>
66. <!-- 進度條 -->
67. <LinearLayout
68. android:id="@+id/home_loadLayout"
69. android:layout_width="wrap_content"
70. android:layout_height="wrap_content"
71. android:orientation="vertical"
72. android:visibility="invisible"
73. android:layout_centerInParent="true"
74. >
75. <ProgressBar
76. android:id="@+id/home_loading"
77. android:layout_width="31dip"
78. android:layout_height="32dip"
79. android:layout_gravity="center"
80. style="@style/progressStyle"
81. />
82. <TextView
83. android:layout_width="wrap_content"
84. android:layout_height="wrap_content"
85. android:text="正在載入"
86. android:textSize="12dip"
87. android:textColor="#9c9c9c"
88. android:layout_gravity="center"
89. android:layout_below="@+id/home_loading"
90. />
92. </LinearLayout>
94. <!-- 底部菜單部分 -->
95. <LinearLayout
96. android:id="@+id/home_menuLayout"
97. android:layout_width="fill_parent"
98. android:layout_height="wrap_content"
99. android:orientation="horizontal"
100. android:background="@drawable/menu_bg1"
101. android:layout_alignParentBottom="true"
102. android:gravity="bottom"
103. >
104. <RelativeLayout
105. android:layout_width="wrap_content"
106. android:layout_height="wrap_content"
107. android:layout_weight="1"
108. >
109. <ImageButton
110. android:id="@+id/home_ib_homepage"
111. android:layout_width="wrap_content"
112. android:layout_height="wrap_content"
113. android:background="@drawable/btn_home"
114. android:layout_centerInParent="true"
115. />
116. </RelativeLayout>
117. <RelativeLayout
118. android:layout_width="wrap_content"
119. android:layout_height="wrap_content"
120. android:layout_weight="1"
121. >
122. <ImageButton
123. android:id="@+id/home_ib_message"
124. android:layout_width="wrap_content"
125. android:layout_height="wrap_content"
126. android:background="@drawable/btn_message"
127. android:layout_centerInParent="true"
128. />
129. </RelativeLayout>
130. <RelativeLayout
131. android:id="@+id/home_myrecordLayout"
132. android:layout_width="wrap_content"
133. android:layout_height="wrap_content"
134. android:layout_weight="1"
135. >
136. <ImageButton
137. android:id="@+id/home_ib_myrecord"
138. android:layout_width="wrap_content"
139. android:layout_height="wrap_content"
140. android:background="@drawable/btn_myrecord"
141. android:layout_centerInParent="true"
142. />
143. </RelativeLayout>
144. <RelativeLayout
145. android:layout_width="wrap_content"
146. android:layout_height="wrap_content"
147. android:layout_weight="1"
148. >
149. <ImageButton
150. android:id="@+id/home_ib_tail"
151. android:layout_width="wrap_content"
152. android:layout_height="wrap_content"
153. android:background="@drawable/btn_tail"
154. android:layout_centerInParent="true"
155. />
156. </RelativeLayout>
157. <RelativeLayout
158. android:layout_width="wrap_content"
159. android:layout_height="wrap_content"
160. android:layout_weight="1"
161. >
162. <ImageButton
163. android:id="@+id/home_ib_more"
164. android:layout_width="wrap_content"
165. android:layout_height="wrap_content"
166. android:background="@drawable/btn_more"
167. android:layout_centerInParent="true"
168. />
169. </RelativeLayout>
171. </LinearLayout>
173. </RelativeLayout>
175. </LinearLayout>