Android下拉刷新完全解析,教你如何一分鐘實現下拉刷新功能

以下是我自己花功夫編寫了一種非常簡單的下拉刷新實現方案，現在拿出來和大家分享一下。相信在閱讀完本篇文章之後，大家都可以在自己的項目中一分鐘引入下拉刷新功能  

最近項目中需要用到ListView下拉刷新的功能，一開始想圖省事，在網上直接找一個現成的，可是嘗試了網上多個版本的下拉刷新之後發現效果都不 怎麼理想。有些是因為功能不完整或有Bug，有些是因為使用起來太復雜，十全十美的還真沒找到。因此我也是放棄了在網上找現成代碼的想法，自己花功夫編寫 了一種非常簡單的下拉刷新實現方案，現在拿出來和大家分享一下。相信在閱讀完本篇文章之後，大家都可以在自己的項目中一分鐘引入下拉刷新功能。

首先講一下實現原理。這裡我們將采取的方案是使用組合View的方式，先自定義一個布局繼承自LinearLayout，然後在這個布局中加入下拉 頭和ListView這兩個子元素，並讓這兩個子元素縱向排列。初始化的時候，讓下拉頭向上偏移出屏幕，這樣我們看到的就只有ListView了。然後對 ListView的touch事件進行監聽，如果當前ListView已經滾動到頂部並且手指還在向下拉的話，那就將下拉頭顯示出來，松手後進行刷新操 作，並將下拉頭隱藏。原理示意圖如下：

                            

那我們現在就來動手實現一下，新建一個項目起名叫PullToRefreshTest，先在項目中定義一個下拉頭的布局文件pull_to_refresh.xml，代碼如下所示：

復制代碼 代碼如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/pull_to_refresh_head"
    android:layout_width="fill_parent"
    android:layout_height="60dip" >
    <LinearLayout
        android:layout_width="200dip"
        android:layout_height="60dip"
        android:layout_centerInParent="true"
        android:orientation="horizontal" >
        <RelativeLayout
            android:layout_width="0dip"
            android:layout_height="60dip"
            android:layout_weight="3"
            >
            <ImageView
                android:id="@+id/arrow"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:src="@drawable/arrow"
                />
            <ProgressBar
                android:id="@+id/progress_bar"
                android:layout_width="30dip"
                android:layout_height="30dip"
                android:layout_centerInParent="true"
                android:visibility="gone"
                />
        </RelativeLayout>
        <LinearLayout
            android:layout_width="0dip"
            android:layout_height="60dip"
            android:layout_weight="12"
            android:orientation="vertical" >
            <TextView
                android:id="@+id/description"
                android:layout_width="fill_parent"
                android:layout_height="0dip"
                android:layout_weight="1"
                android:gravity="center_horizontal|bottom"
                android:text="@string/pull_to_refresh" />
            <TextView
                android:id="@+id/updated_at"
                android:layout_width="fill_parent"
                android:layout_height="0dip"
                android:layout_weight="1"
                android:gravity="center_horizontal|top"
                android:text="@string/updated_at" />
        </LinearLayout>
    </LinearLayout>
</RelativeLayout>

在這個布局中，我們包含了一個下拉指示箭頭，一個下拉狀態文字提示，和一個上次更新的時間。當然，還有一個隱藏的旋轉進度條，只有正在刷新的時候我們才會將它顯示出來。
布局中所有引用的字符串我們都放在strings.xml中，如下所示:

復制代碼 代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="app_name">PullToRefreshTest</string>
 <string name="pull_to_refresh">下拉可以刷新</string>
 <string name="release_to_refresh">釋放立即刷新</string>
 <string name="refreshing">正在刷新…</string>
 <string name="not_updated_yet">暫未更新過</string>
 <string name="updated_at">上次更新於%1$s前</string>
 <string