关闭

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

标签: androidrecyclerViewSwipeRefreshLayout
168人阅读 评论(0) 收藏 举报
分类:
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的。

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

布局文件:

  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中引用这个布局并初始化

  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(false0, (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(03000);  
  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(03000);  
  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 自带的进度条
  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(03000);  
  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中实现:
  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的布局做一些处理了,比如提示“加载中,”,“已经全部加载”等信息。更加灵活一点
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:110922次
    • 积分:1572
    • 等级:
    • 排名:千里之外
    • 原创:29篇
    • 转载:99篇
    • 译文:1篇
    • 评论:32条
    最新评论