Android開發教程：ListView下拉回彈刷新

現在QQ空間和新浪微博ListView下拉刷新做的比較炫，正好公司也有這樣的需求，實現起來還是相對簡單的。關鍵是要自定義一個ListView頭部（初始化的時候裡面的控件是不可見的），然後在點擊、拖動、松開的時候觸發事件，顯示ListView頭，計算出拖拽的距離，跟ListView頭的高度做比較，以此來顯示對應的ListView頭裡的控件（下拉圖標、提示文字、圓形進度條等）。好了，下面貼出效果圖：

好，開始上代碼，先是布局文件main.xml，沒什麼好說的：

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="@color/mainColor" >
8. <!-- 這裡是自定義的ListView -->
9. <com.focustech.android.CustomListView
10. android:id="@+id/list"
11. android:layout_width="fill_parent"
12. android:layout_height="wrap_content"
13. />
15. </LinearLayout>

ListView頭布局head.xml：

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:orientation="vertical" >
7. <RelativeLayout
8. android:id="@+id/head_contentLayout"
9. android:layout_width="fill_parent"
10. android:layout_height="wrap_content"
11. android:paddingLeft="30dp" >
13. <FrameLayout
14. android:layout_width="wrap_content"
15. android:layout_height="wrap_content"
16. android:layout_alignParentLeft="true"
17. android:layout_centerVertical="true" >
19. <ImageView
20. android:id="@+id/head_arrowImageView"
21. android:layout_width="wrap_content"
22. android:layout_height="wrap_content"
23. android:layout_gravity="center"
24. android:src="@drawable/ic_pulltorefresh_arrow" />
26. <ProgressBar
27. android:id="@+id/head_progressBar"
28. style="?android:attr/progressBarStyleSmall"
29. android:layout_width="wrap_content"
30. android:layout_height="wrap_content"
31. android:layout_gravity="center"
32. android:visibility="gone" />
33. </FrameLayout>
35. <LinearLayout
36. android:layout_width="wrap_content"
37. android:layout_height="wrap_content"
38. android:layout_centerHorizontal="true"
39. android:gravity="center_horizontal"
40. android:orientation="vertical" >
42. <TextView
43. android:id="@+id/head_tipsTextView"
44. android:layout_width="wrap_content"
45. android:layout_height="wrap_content"
46. android:text="下拉可以刷新"
47. android:textColor="#ffffff"
48. android:textSize="20sp" />
50. <TextView
51. android:id="@+id/head_lastUpdatedTextView"
52. android:layout_width="wrap_content"
53. android:layout_height="wrap_content"
54. android:text="最近更新"
55. android:textColor="#cc6600"
56. android:textSize="10sp" />
58. </LinearLayout>
59. </RelativeLayout>
62. </LinearLayout>