Android SwipeRefreshLayout下拉刷新組件示例

2019-12-12 03:39:00

字體：大中小

供稿：網(wǎng)友

SwipeRefreshLayout概述

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

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

基本使用的方法如下:

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

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

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

使用非常簡單，用一個(gè)簡單案例來介紹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)行效果如圖：