4.5.2 SwipeRefreshLayout + RecyclerView 实现 上拉刷新 和 下拉刷新

版权声明：本文为博主原创文章，未经博主允许不得转载。

SwipeRefreshLayout 是谷歌公司推出的用于下拉刷新的控件， SwipeRefreshLayout已经被放到了sdk中，在Version 19.1之后SwipeRefreshLayout 被放到support v4中。

源码在 SDK\sdk\extras\android\support\v4\src\java\android\support\v4\widget\ SwipeRefreshLayout.java

谷歌公司只提供了下拉刷新的功能，RecyclerView的出现基本就是为了替代ListView，GridView的。

今天说一下最常见的下拉刷新  和 上拉刷新的功能。

布局文件：

[html]  view plain copy

1. <android.support.v4.widget.SwipeRefreshLayout  
2.     xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:tools="http://schemas.android.com/tools"  
4.     android:id="@+id/swipe_refresh_widget"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="match_parent" >  
7.   
8.     <android.support.v7.widget.RecyclerView  
9.         android:id="@android:id/list"  
10.         android:layout_width="match_parent"  
11.         android:layout_height="match_parent"  
12.         android:cacheColorHint="@null"  
13.         android:scrollbars="vertical" />  
14.   
15. </android.support.v4.widget.SwipeRefreshLayout>  

在Activity中引用这个布局并初始化

[java]  view plain copy

1. @Override  
2.  protected void onCreate(Bundle savedInstanceState) {  
3.   super.onCreate(savedInstanceState);  
4.   setContentView(R.layout.activity_main);  
5.   
6.   mSwipeRefreshWidget = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_widget);  
7.   mRecyclerView = (RecyclerView) findViewById(android.R.id.list);  
8.   
9.   mSwipeRefreshWidget.setColorScheme(R.color.color1, R.color.color2,  
10.     R.color.color3, R.color.color4);  
11.   mSwipeRefreshWidget.setOnRefreshListener(this);  
12.   
13.   // 这句话是为了，第一次进入页面的时候显示加载进度条  
14.   mSwipeRefreshWidget.setProgressViewOffset(false, 0, (int) TypedValue  
15.     .applyDimension(TypedValue.COMPLEX_UNIT_DIP, 24, getResources()  
16.       .getDisplayMetrics()));  
17.   
18.   mRecyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {  
19.   
20.    @Override  
21.    public void onScrollStateChanged(RecyclerView recyclerView,  
22.      int newState) {  
23.     super.onScrollStateChanged(recyclerView, newState);  
24.     if (newState == RecyclerView.SCROLL_STATE_IDLE  
25.       && lastVisibleItem + 1 == adapter.getItemCount()) {  
26.      mSwipeRefreshWidget.setRefreshing(true);  
27.      // 此处在现实项目中，请换成网络请求数据代码，sendRequest .....  
28.      handler.sendEmptyMessageDelayed(0, 3000);  
29.     }  
30.    }  
31.   
32.    @Override  
33.    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {  
34.     super.onScrolled(recyclerView, dx, dy);  
35.     lastVisibleItem = mLayoutManager.findLastVisibleItemPosition();  
36.    }  
37.   
38.   });  
39.   
40.   mRecyclerView.setHasFixedSize(true);  
41.   mLayoutManager = new LinearLayoutManager(this);  
42.   mRecyclerView.setLayoutManager(mLayoutManager);  
43.   mRecyclerView.setItemAnimator(new DefaultItemAnimator());  
44.   
45.   adapter = new SampleAdapter();  
46.   mRecyclerView.setAdapter(adapter);  
47.   
48.   // 此处在现实项目中，请换成网络请求数据代码，sendRequest .....  
49.   handler.sendEmptyMessageDelayed(0, 3000);  
50.  }  

SwipeRefreshLayout里面需要注意的Api：

1、 setOnRefreshListener( OnRefreshListener  listener)  设置下拉监听，当用户下拉的时候会去执行回调

2、 setColorSchemeColors(int... colors) 设置 进度条的颜色变化，最多可以设置4种颜色

3、 setProgressViewOffset(boolean scale, int start, int end) 调整进度条距离屏幕顶部的距离

4、 setRefreshing(boolean refreshing) 设置SwipeRefreshLayout当前是否处于刷新状态，一般是在请求数据的时候设置为true，在数据被加载到View中后，设置为false。

---

RecyclerView的实现：

第一种，下拉刷新和上拉刷新都用SwipeRefreshLayout  自带的进度条

[java]  view plain copy

1. mRecyclerView = (RecyclerView) findViewById(android.R.id.list);  
2. mRecyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {  
3.   
4.    @Override  
5.    public void onScrollStateChanged(RecyclerView recyclerView,  
6.      int newState) {  
7.     super.onScrollStateChanged(recyclerView, newState);  
8.     if (newState == RecyclerView.SCROLL_STATE_IDLE  
9.       && lastVisibleItem + 1 == adapter.getItemCount()) {  
10.      mSwipeRefreshWidget.setRefreshing(true);  
11.      // 此处在现实项目中，请换成网络请求数据代码，sendRequest .....  
12.      handler.sendEmptyMessageDelayed(0, 3000);  
13.     }  
14.    }  
15.   
16.    @Override  
17.    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {  
18.     super.onScrolled(recyclerView, dx, dy);  
19.     lastVisibleItem = mLayoutManager.findLastVisibleItemPosition();  
20.    }  
21.   });  
22.   
23.   mRecyclerView.setHasFixedSize(true);  
24.   mLayoutManager = new LinearLayoutManager(this);  
25.   mRecyclerView.setLayoutManager(mLayoutManager);  
26.   mRecyclerView.setItemAnimator(new DefaultItemAnimator());  
27.   
28.   adapter = new SampleAdapter();  
29.   mRecyclerView.setAdapter(adapter);  

第二种实现下拉刷新用SwipeRefreshLayout  自带的进度条， 上拉刷新用类似ListView的刷新 提示“加载中”等信息。

我们可以给RecyclerView 也添加一个类似FooterView的item。

我们在Adapter中实现：

[java]  view plain copy

1. public class SampleAdapter extends RecyclerView.Adapter<ViewHolder> {  
2.  private List<Integer> list;  
3.   
4.  private static final int TYPE_ITEM = 0;  
5.  private static final int TYPE_FOOTER = 1;  
6.   
7.  public List<Integer> getList() {  
8.   return list;  
9.  }  
10.   
11.  public SampleAdapter() {  
12.   list = new ArrayList<Integer>();  
13.  }  
14.   
15.  // RecyclerView的count设置为数据总条数+ 1（footerView）  
16.  @Override  
17.  public int getItemCount() {  
18.   return list.size() + 1;  
19.  }  
20.   
21.  @Override  
22.  public int getItemViewType(int position) {  
23.   // 最后一个item设置为footerView  
24.   if (position + 1 == getItemCount()) {  
25.    return TYPE_FOOTER;  
26.   } else {  
27.    return TYPE_ITEM;  
28.   }  
29.  }  
30.   
31.  @Override  
32.  public void onBindViewHolder(ViewHolder holder, final int position) {  
33.   if (holder instanceof ItemViewHolder) {  
34.    ((ItemViewHolder) holder).textView.setText(String.valueOf(list  
35.      .get(position)));  
36.   }  
37.  }  
38.   
39.  @Override  
40.  public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
41.   if (viewType == TYPE_ITEM) {  
42.    View view = LayoutInflater.from(parent.getContext()).inflate(  
43.      R.layout.list_item_text, null);  
44.    view.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,  
45.      LayoutParams.WRAP_CONTENT));  
46.    return new ItemViewHolder(view);  
47.   }  
48.   // type == TYPE_FOOTER 返回footerView  
49.   else if (viewType == TYPE_FOOTER) {  
50.    View view = LayoutInflater.from(parent.getContext()).inflate(  
51.      R.layout.footerview, null);  
52.    view.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,  
53.      LayoutParams.WRAP_CONTENT));  
54.    return new FooterViewHolder(view);  
55.   }  
56.   
57.   return null;  
58.  }  
59.   
60.  class FooterViewHolder extends ViewHolder {  
61.   
62.   public FooterViewHolder(View view) {  
63.    super(view);  
64.   }  
65.   
66.  }  
67.   
68.  class ItemViewHolder extends ViewHolder {  
69.   TextView textView;  
70.   
71.   public ItemViewHolder(View view) {  
72.    super(view);  
73.    textView = (TextView) view.findViewById(R.id.text);  
74.   }  
75.  }  
76. }  

这样我们就可以针对footerview的布局做一些处理了，比如提示“加载中，”，“已经全部加载”等信息。更加灵活一点