快捷導(dǎo)航

Android SwipeRefreshLayout下拉刷新組件示例

更新時(shí)間：2017年02月23日 11:04:03 作者：切切歆語

SwipeRefrshLayout是Google官方更新的一個(gè)Widget,可以實(shí)現(xiàn)下拉刷新的效果。本文主要介紹了Android之SwipeRefreshLayout下拉刷新組件示例，有興趣的可以了解一下。

SwipeRefreshLayout概述

SwipeRefrshLayout是Google官方更新的一個(gè)Widget,可以實(shí)現(xiàn)下拉刷新的效果。該控件集成自ViewGroup在support-v4兼容包下，不過我們需要升級(jí)supportlibrary的版本到19.1以上。

用戶通過手勢(shì)或者點(diǎn)擊某個(gè)按鈕實(shí)現(xiàn)內(nèi)容視圖的刷新，布局里加入SwipeRefreshLayout嵌套一個(gè)子視圖如ListView、 RecyclerView等，觸發(fā)刷新會(huì)通過OnRefreshListener的onRefresh方法回調(diào)，我們?cè)谶@里執(zhí)行頁面數(shù)據(jù)的刷新，每次手勢(shì) 的完成都會(huì)執(zhí)行一次通知，根據(jù)滑動(dòng)距離判斷是否需要回調(diào)。setRefreshing（false）通過代碼直接取消刷新，true則手動(dòng)設(shè)置刷新調(diào)出刷新視圖。setEnabled（false）通過boolean控制是否禁用手勢(shì)刷新。

基本使用的方法如下:

1.setOnRefreshListener(OnRefreshListener):添加下拉刷新監(jiān)聽器

2.setRefreshing(boolean):顯示或者隱藏刷新進(jìn)度條

3.isRefreshing():檢查是否處于刷新狀態(tài)

使用非常簡(jiǎn)單，用一個(gè)簡(jiǎn)單案例來介紹SwipeRefreshLayout下拉刷新的功能。

布局文件

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

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

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

item.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView 
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:id="@+id/cardview"
  app:cardCornerRadius="5dp"
  app:cardBackgroundColor="@android:color/white"
  android:layout_margin="5dp"
  android:layout_height="60dp"
  android:layout_width="match_parent">

    <TextView
    android:id="@+id/menuitem_tv"
    android:layout_gravity="center"
    android:text="@string/app_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

</android.support.v7.widget.CardView>

Activity

public class MainActivity extends AppCompatActivity {

  private SwipeRefreshLayout swipeRefreshLayout;

  private RecyclerView recyclerView;

  private List<String> list=null;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main_activity);
    initView();
  }
  private void initView()
  {
    swipeRefreshLayout=(SwipeRefreshLayout)findViewById(R.id.v7_refresh);
    recyclerView=(RecyclerView)findViewById(R.id.v7_recyclerView);
    //設(shè)置下拉圓圈的大小，兩個(gè)值 LARGE， DEFAULT
    swipeRefreshLayout.setSize(SwipeRefreshLayout.LARGE);
    // 設(shè)定下拉圓圈的背景:默認(rèn)white
    // swipeRefreshLayout.setProgressBackgroundColor(android.R.color.white);
    initData();
  }
  private void initData()
  {
    bindData();
    //設(shè)置刷新時(shí)動(dòng)畫的顏色，可以設(shè)置4個(gè)
    swipeRefreshLayout.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);
    swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {

      @Override
      public void onRefresh() {
        Toast.makeText (MainActivity.this,"正在刷新",Toast.LENGTH_LONG).show();
        // TODO Auto-generated method stub
        new Handler().postDelayed(new Runnable() {

          @Override
          public void run() {
            // TODO Auto-generated method stub
            Toast.makeText (MainActivity.this,"刷新完成",Toast.LENGTH_LONG).show();
            swipeRefreshLayout.setRefreshing(false);
          }
        }, 4000);
      }
    });

  }

  private void bindData(){
    list=new ArrayList<>();
    for(int i=0;i<22;i++){
      list.add("Item"+(i+1));
    }
    recyclerView.setLayoutManager(new LinearLayoutManager(this));
    recyclerView.setHasFixedSize(true);
    recyclerView.setItemAnimator(new DefaultItemAnimator());
    MenuAdapter menuAdapter=new MenuAdapter(this,R.layout.item,list);
    recyclerView.setAdapter(menuAdapter);
    menuAdapter.setOnItemClickListener(new CommonRecyclerAdapter.OnItemClickListener() {
      @Override
      public void onItemClick(RecyclerView.ViewHolder viewHolder, View view, int position) {

        Toast.makeText (MainActivity.this, list.get(position),Toast.LENGTH_LONG).show();

      }
    });
  }
}

運(yùn)行效果如圖：