Android零基礎入門第72節：SwipeRefreshLayout下拉刷新

時間 2019-11-26

標籤 android 零基礎入門 swiperefreshlayout 下拉刷新欄目 Android 简体版

原文原文鏈接

在實際開發中，常常都會遇到下拉刷新、上拉加載更多的情形，這一期就一塊兒來學習Android系統的SwipeRefreshLayout下拉刷新組件。java

1、SwipeRefreshLayout簡介

SwipeRefrshLayout是Google官方更新的一個控件，能夠實現下拉刷新的效果，該控件集成自ViewGroup在support-v4兼容包下。android

SwipeRefrshLayout經常使用的幾個方法以下：微信

isRefreshing()：判斷當前的狀態是不是刷新狀態。架構
setColorSchemeResources(int... colorResIds)：設置下拉進度條的顏色主題，參數爲可變參數，而且是資源id，能夠設置多種不一樣的顏色，每轉一圈就顯示一種顏色。app
setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener)：設置監聽，須要重寫onRefresh()方法，頂部下拉時會調用這個方法，在裏面實現請求數據的邏輯，設置下拉進度條消失等等。ide
setProgressBackgroundColorSchemeResource(int colorRes)：設置下拉進度條的背景顏色，默認白色。佈局
setRefreshing(boolean refreshing)：設置刷新狀態，true表示正在刷新，false表示取消刷新。post

使用SwipeRefrshLayout要想達到刷新的目的，首先須要在這個佈局裏包裹能夠滑動的子控件，如ScrollView、ListView、RecyclerView等，而且只能有一個子控件。而後在代碼裏設置OnRefreshListener設置監聽，最後在監聽裏設置刷新時的數據獲取就能夠了。性能

2、簡單示例

上面分析了SwipeRefreshLayout和其主要方法，其實使用起來很是的簡單，接下來先經過一個簡單示例來學習SwipeRefreshLayout的使用方法。學習

繼續使用WidgetSample工程的advancedviewsample模塊，在src/main/res/layout/目錄下建立swiperefreshlayout_layout.xml文件，在其中填充以下代碼片斷：

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

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <TextView
            android:id="@+id/content_tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:paddingTop="10dp"
            android:text="SwipeRefreshLayout下拉刷新控件"
            android:textSize="20sp"
            android:textStyle="bold"/>
    </ScrollView>

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

上面的代碼中SwipeRefreshLayout只有一個爲ScrollView的子元素，其中是一個文本框，經過下拉刷新來更新文本框裏面的內容。

而後新建SwipeRefreshLayoutActivity.java文件，加載上面的佈局文件，填充的代碼以下：

package com.jinyu.cqkxzsxy.android.advancedviewsample;

import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;

/**
 * @建立者 鑫鱻
 * @描述 Android零基礎入門到精通系列教程，歡迎關注微信公衆號ShareExpert
 */
public class SwipeRefreshLayoutActivity extends AppCompatActivity
        implements SwipeRefreshLayout.OnRefreshListener {
    private SwipeRefreshLayout mSwipeRefreshLayout = null;
    private TextView mContentTv = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.swiperefreshlayout_layout);

        mSwipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.container_swipe);
        mContentTv = (TextView) findViewById(R.id.content_tv);

        // 設置刷新時動畫的顏色，能夠設置4個
        mSwipeRefreshLayout.setColorSchemeResources(
                android.R.color.holo_blue_light,
                android.R.color.holo_red_light,
                android.R.color.holo_orange_light,
                android.R.color.holo_green_light);
        // 設置下拉監聽事件
        mSwipeRefreshLayout.setOnRefreshListener(this);
    }

    @Override
    public void onRefresh() {
        mContentTv.setText("正在刷新，請稍後。。。");

        // 模擬耗時更新操做
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                mContentTv.setText("刷新完畢！");
                mSwipeRefreshLayout.setRefreshing(false);
            }
        }, 5000);
    }
}

上面的代碼很簡單，先給SwipeRefreshLayout設置了刷新時的動畫顏色，而後給SwipeRefreshLayout添加一個下拉的Listener，在onRefresh()回調方法中來改變文本框裏面的內容。這裏使用到了一個Handler對象模擬耗時操做，操做完畢後再更新文本框裏面的內容。關於Handler的使用方法後續會詳細學習，這裏先暫時借用一下。

修改啓動的Activity，運行程序，下拉頁面能夠看到下圖所示效果。

3、綜合示例

上面的示例將SwipeRefreshLayout和ScrollView結合起來使用，通常開發裏面結合ListView和RecyclerView較多，接下來再分享一個簡單結合RecyclerView的案例。

在RecyclerView數據動態更新案例的基礎上來修改，首先修改佈局文件，在RecyclerView的外層LinearLayout替換爲SwipeRefreshLayout，修改後的recyclerview_layout.xml文件代碼以下：

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</android.support.v4.widget.SwipeRefreshLayout>

關於RecyclerView的item佈局和適配器代碼不變，爲了避免影響原來的代碼，這裏新建一個SwipeRecyclerViewActivity文件，代碼以下：

package com.jinyu.cqkxzsxy.android.advancedviewsample;

import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.DefaultItemAnimator;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import com.jinyu.cqkxzsxy.android.advancedviewsample.adapter.RecyclerViewAdapter2;
import com.jinyu.cqkxzsxy.android.advancedviewsample.view.RecyclerViewItemDivider;

import java.util.ArrayList;

/**
 * @建立者 鑫鱻
 * @描述 Android零基礎入門到精通系列教程，歡迎關注微信公衆號ShareExpert
 */
public class SwipeRecyclerViewActivity extends AppCompatActivity
        implements SwipeRefreshLayout.OnRefreshListener {
    private SwipeRefreshLayout mSwipeView = null;
    private RecyclerView mRecyclerView = null;
    private RecyclerViewAdapter2 mAdapter = null;
    private ArrayList<String> mDatas = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.swip_recycler_view_layout);

        // 獲取界面組件
        mSwipeView = (SwipeRefreshLayout) findViewById(R.id.swiperefreshlayout);
        mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);

        // 設置管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        mRecyclerView.setLayoutManager(layoutManager);
        // 自定義分割線
        RecyclerView.ItemDecoration itemDecoration = new RecyclerViewItemDivider(this,
                R.drawable.recyclerview_item_divider);
        mRecyclerView.addItemDecoration(itemDecoration);
        // 若是能夠肯定每一個item的高度是固定的，設置這個選項能夠提升性能
        mRecyclerView.setHasFixedSize(true);

        // 初始化列表數據
        initDatas();
        // 設置適配器
        mAdapter = new RecyclerViewAdapter2(this, mDatas);
        mRecyclerView.setAdapter(mAdapter);
        // 設置默認動畫
        mRecyclerView.setItemAnimator(new DefaultItemAnimator());

        // 設置顏色屬性的時候必定要注意是引用了資源文件仍是直接設置16進制的顏色，都是int值容易搞混
        // 設置下拉進度的背景顏色，默認就是白色的
        mSwipeView.setProgressBackgroundColorSchemeResource(android.R.color.white);
        // 設置下拉進度的主題顏色
        mSwipeView.setColorSchemeResources(
                R.color.colorPrimaryDark,
                R.color.colorAccent,
                R.color.colorPrimary);
        // 下拉時觸發SwipeRefreshLayout的下拉動畫，動畫完畢以後就會回調這個方法
        mSwipeView.setOnRefreshListener(this);
    }

    private void initDatas() {
        mDatas = new ArrayList<>();

        for (int i = 0; i < 50; i++) {
            mDatas.add(i, i + 1 + "");
        }
    }

    @Override
    public void onRefresh() {
        // 模擬一些比較耗時的操做，好比聯網獲取數據，須要放到子線程去執行
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                mAdapter.addData(0);
                mAdapter.notifyDataSetChanged();

                mSwipeView.setRefreshing(false);
            }
        }, 2000);
    }
}