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" >  
7.       
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.     />  
14.   
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" >  
6.   
7.     <RelativeLayout  
8.         android:id="@+id/head_contentLayout"  
9.         android:layout_width="fill_parent"  
10.         android:layout_height="wrap_content"  
11.         android:paddingLeft="30dp" >  
12.   
13.         <FrameLayout  
14.             android:layout_width="wrap_content"  
15.             android:layout_height="wrap_content"  
16.             android:layout_alignParentLeft="true"  
17.             android:layout_centerVertical="true" >  
18.   
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" />  
25.   
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>  
34.   
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" >  
41.   
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" />  
49.   
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" />  
57.               
58.         </LinearLayout>  
59.     </RelativeLayout>  
60.   
61.   
62. </LinearLayout>