1. 程式人生 > >說說在 Android 的 RecyclerView 中如何實現下拉重新整理

說說在 Android 的 RecyclerView 中如何實現下拉重新整理

1 SwipeRefreshLayout

修改佈局檔案,新增 SwipeRefreshLayout :

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:material="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

     ...

        <android.support.v4.widget.SwipeRefreshLayout
            android:id="@+id/swipe_refresh_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            material:layout_behavior="@string/appbar_scrolling_view_behavior">

            <android.support.v7.widget.RecyclerView
                android:id="@+id/recycler_view"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>

        </android.support.v4.widget.SwipeRefreshLayout>
       ...
    </android.support.design.widget.CoordinatorLayout>

 ...
</android.support.v4.widget.DrawerLayout>

這裡我們把 RecyclerView 放在 SwipeRefreshLayout 中。

2 處理重新整理

修改活動類:

public class MainActivity extends AppCompatActivity {

    private SwipeRefreshLayout srl;

     @Override
    protected void onCreate(Bundle savedInstanceState) {
    ...
    //處理重新整理邏輯
        srl = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout);//獲取 SwipeRefreshLayout 例項
        srl.setColorSchemeResources(R.color.colorPrimary);//設定重新整理進度條顏色
        srl.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {//設定重新整理監聽器
                                     @Override
                                     public void onRefresh() {
                                         refresh();
                                     }
                                 }

        );

    }
	
	 /**
     * 重新整理
     */
    private void refresh() {
        new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    Thread.sleep(1000);//為了體現出重新整理效果,所以這裡休眠了執行緒
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }

                //切回主執行緒
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        initCats();//重新生成資料
                        adapter.notifyDataSetChanged();//通知資料已發生變化
                        srl.setRefreshing(false);//當重新整理事件結束時,隱藏重新整理進度條
                    }
                });
            }
        }).start();
    }
	...
}	

在 onCreate 方法中:

  1. 獲取 SwipeRefreshLayout 例項。
  2. 設定重新整理進度條顏色。
  3. 設定重新整理監聽器。在監聽器中呼叫 refresh() 方法。

在 refresh 方法中:

  1. 為了體現出重新整理效果,所以在此休眠了執行緒。一般情況下,這裡會與伺服器進行互動,獲取資料。
  2. 利用 runOnUiThread() 切回主執行緒。
  3. 在主執行緒中,重新生成資料,接著通知資料已發生變化,最後隱藏重新整理進度條。

執行程式,向下拖動主介面,就會出現下拉重新整理進度條,鬆手就會自動重新整理圖片:

是不是很酷呀O(∩_∩)O~