Android RecyclerView自定义上拉和下拉刷新效果

使用RecyclerView越来越多了，基本可以不用listview了，但是这个新的控件谷歌官方似乎设计的没有想listview那样方便快捷，listview自带有headview和 footerview所有我们很方便的可以实现上拉，下拉刷新，但是我们使用recyclerview就没有那样的舒服了，需要自己动手来实现这两个模块了。

本人参考了其他几篇博客使用了下感觉都有bug存在，于是自己改进了下，基本实现了功能，由于时间原因代码封装的还不彻底，仅供参考。

首页布局：activity_notice

 <?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:app="http://schemas.android.com/apk/res-auto"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:background="@android:color/white"  android:orientation="vertical"  >  <include layout="@layout/toolbar" />  <android.support.v4.widget.SwipeRefreshLayout    android:id="@+id/SwipeRefreshLayout"    android:layout_width="match_parent"    android:layout_height="match_parent"    app:layout_behavior="@string/appbar_scrolling_view_behavior">    <android.support.v7.widget.RecyclerView      android:id="@+id/recyclerView"      android:layout_width="match_parent"      android:layout_height="match_parent"      android:scrollbars="vertical"></android.support.v7.widget.RecyclerView>  </android.support.v4.widget.SwipeRefreshLayout></android.support.design.widget.CoordinatorLayout>  

子item布局：item_base

<?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:layout_width="match_parent"  android:layout_height="wrap_content"  android:layout_marginLeft="@dimen/margin_10"  android:layout_marginRight="@dimen/margin_10"  android:layout_marginTop="6dp"  android:orientation="vertical"  app:cardBackgroundColor="@color/line"  app:cardPreventCornerOverlap="true"  app:cardUseCompatPadding="true"  app:contentPadding="6dp">  <LinearLayout    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <TextView      android:id="@+id/tv_date"      style="@style/NormalTextView"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:text="2016-10-9 10:00" />    <android.support.v7.widget.CardView      android:layout_width="match_parent"      android:layout_height="match_parent"      android:orientation="vertical"      app:cardBackgroundColor="@color/white"      app:cardPreventCornerOverlap="true"      app:cardUseCompatPadding="true"      app:contentPadding="10dp">      <TextView        android:id="@+id/tv_title"        style="@style/SmallGreyTextView"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:ellipsize="end"        android:maxLines="2"        android:text="。。。，看到这个场景。我看着她她看着我，说道：“怎么样，我当年的手工还不错吧。。。。。。。。。”" />    </android.support.v7.widget.CardView>  </LinearLayout></android.support.v7.widget.CardView>

脚布局 item_foot

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:tools="http://schemas.android.com/tools"  android:layout_width="match_parent"  android:layout_height="40dp"  android:gravity="center"  android:orientation="horizontal"  android:id="@+id/ll" >  <ProgressBar    android:layout_marginRight="6dp"    android:id="@+id/progressBar"    style="?android:attr/progressBarStyleSmall"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center" />  <TextView    android:id="@+id/tv"    style="@style/SmallGreyTextView"    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:layout_gravity="center"    android:text="@string/loading" /></LinearLayout>

toolbar

<?xml version="1.0" encoding="utf-8"?><merge xmlns:android="http://schemas.android.com/apk/res/android"  xmlns:app="http://schemas.android.com/apk/res-auto">  <android.support.design.widget.AppBarLayout    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:fitsSystemWindows="true">    <android.support.v7.widget.Toolbar      android:id="@+id/toolbar"      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:background="@color/blueStatus"      android:minHeight="?attr/actionBarSize"      app:layout_scrollFlags="scroll|enterAlways"      app:navigationIcon="?attr/homeAsUpIndicator"      app:theme="@style/Theme.AppCompat.NoActionBar">    </android.support.v7.widget.Toolbar>  </android.support.design.widget.AppBarLayout>

首页 MainActivity

package com.lxl.refresh;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.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.support.v7.widget.Toolbar;import android.util.Log;import android.view.View;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import butterknife.ButterKnife;import butterknife.InjectView;/** * Description： * Author：lxl * Date： 2016/10/9 10:15 */public class MainActivity extends AppCompatActivity {  @InjectView(R.id.toolbar)  Toolbar toolbar;  @InjectView(R.id.recyclerView)  RecyclerView recyclerView;  @InjectView(R.id.SwipeRefreshLayout)  SwipeRefreshLayout swipeRefreshLayout;  boolean isSlidingToLast = false; //判断滚动状态  boolean isLoading;  private List<Map<String, Object>> data = new ArrayList<>();  private RecyclerViewAdapter adapter = new RecyclerViewAdapter(this, data);  private Handler handler = new Handler();  @Override  public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_notice);    ButterKnife.inject(this);    initView();    Map<String, Object> map = new HashMap<>();    initData();  }  public void initView() {    setSupportActionBar(toolbar);    toolbar.setTitle(R.string.notice);    toolbar.setNavigationOnClickListener(new View.OnClickListener() {      @Override      public void onClick(View v) {        finish();      }    });    swipeRefreshLayout.setColorSchemeResources(R.color.blueStatus);    swipeRefreshLayout.post(new Runnable() {      @Override      public void run() {        swipeRefreshLayout.setRefreshing(true);      }    });    swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {      @Override      public void onRefresh() {        handler.postDelayed(new Runnable() {          @Override          public void run() {            data.clear();            getData();          }        }, 2000);      }    });    final LinearLayoutManager layoutManager = new LinearLayoutManager(this);    recyclerView.setLayoutManager(layoutManager);    recyclerView.setAdapter(adapter);    recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {      @Override      public void onScrollStateChanged(RecyclerView recyclerView, int newState) {        super.onScrollStateChanged(recyclerView, newState);        Log.d("test", "StateChanged = " + newState); //滑动状态改变时触发有0,1,2三种状态      }      @Override      public void onScrolled(RecyclerView recyclerView, int dx, int dy) {        super.onScrolled(recyclerView, dx, dy);        if (dy > 0) {          //大于0表示正在向下滚动          isSlidingToLast = true;        } else {          //小于等于0表示停止或向上滚动          isSlidingToLast = false;        }        Log.d("test", "onScrolled"); //当RecyclerView滑动时触发类似点击事件的MotionEvent.ACTION_MOVE        int lastVisibleItemPosition = layoutManager.findLastVisibleItemPosition();        if (lastVisibleItemPosition + 1 == adapter.getItemCount()&& isSlidingToLast) {          Log.d("test", "loading executed");//当且仅当滑动到最后一项并且手指上拉抛出时才执行          boolean isRefreshing = swipeRefreshLayout.isRefreshing();          Log.d("test", "hahh"+isRefreshing);          if (isRefreshing) { //如何在下拉刷新则隐藏脚布局并且返回            adapter.notifyItemRemoved(adapter.getItemCount());            return;          }          if (!isLoading) {            isLoading = true;            handler.postDelayed(new Runnable() {              @Override              public void run() {                getData(); //延时执行加载                Log.d("test", "load more completed");                isLoading = false;              }            }, 1000);          }        }      }    });    //添加点击事件    adapter.setOnItemClickListener(new RecyclerViewAdapter.OnItemClickListener() {      @Override      public void onItemClick(View view, int position) {        Log.d("test", "item position = " + position);      }      @Override      public void onItemLongClick(View view, int position) {      }    });  }  public void initData() { //第一次进来的时候加载数据    handler.postDelayed(new Runnable() {      @Override      public void run() {        getData();      }    }, 1500);  }  /**   * 获取测试数据   */  private void getData() {    for (int i = 0; i < 6; i++) { //每次加载六条数据      Map<String, Object> map = new HashMap<>();      data.add(map);    }    adapter.notifyDataSetChanged();    swipeRefreshLayout.setRefreshing(false); //加载数据后收起下拉刷新    Log.d("test", adapter.getItemCount()+"");//    adapter.notifyItemRemoved(adapter.getItemCount()); //加载数据后上拉刷新的脚布局移除掉//    adapter.footerHolder.ll.setVisibility(View.GONE);    //加载数据后上拉刷新的脚布局隐藏掉    adapter.setmCreateViewHolder(new RecyclerViewAdapter.onHolderCreate() {      @Override      public void created() {        if (isSlidingToLast==false){          adapter.footerHolder.ll.setVisibility(View.GONE);        }else{          adapter.footerHolder.ll.setVisibility(View.VISIBLE);        }      }    });  }}

在第106行中通过这三个条件判断就可以下拉刷新的执行。 RecyclerView的适配器：RecyclerViewAdapter

package com.lxl.refresh;import android.content.Context;import android.support.v7.widget.RecyclerView.Adapter;import android.support.v7.widget.RecyclerView.ViewHolder;import android.util.Log;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.LinearLayout;import android.widget.ProgressBar;import android.widget.TextView;import java.util.List;public class RecyclerViewAdapter extends Adapter<ViewHolder> {  private static final int TYPE_ITEM = 0;  private static final int TYPE_FOOTER = 1;  private Context context;  private List data;  protected FootViewHolder footerHolder;  public RecyclerViewAdapter(Context context, List data) {    this.context = context;    this.data = data;  }  //-------------------------------------  public interface onHolderCreate{ //定义一个viewholder回调接口    void created();  }  public onHolderCreate getmCreateViewHolder() {    return mCreateViewHolder;  }  public void setmCreateViewHolder(onHolderCreate mCreateViewHolder) {    this.mCreateViewHolder = mCreateViewHolder;  }  private onHolderCreate mCreateViewHolder;  //-------------------------------------  public interface OnItemClickListener {    void onItemClick(View view, int position);    void onItemLongClick(View view, int position);  }  private OnItemClickListener onItemClickListener;  public void setOnItemClickListener(OnItemClickListener onItemClickListener) {    this.onItemClickListener = onItemClickListener;  }  @Override  public int getItemCount() {    return data.size() == 0 ? 0 : data.size() + 1; //添加脚布局  }  @Override  public int getItemViewType(int position) {    if (position + 1 == getItemCount()) {      return TYPE_FOOTER; //脚布局    } else {      return TYPE_ITEM; //普通item    }  }  @Override  public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {    if (viewType == TYPE_ITEM) { //创建普通类型的item布局      View view = LayoutInflater.from(context).inflate(R.layout.item_base, parent,          false);      Log.d("test", "创建普通类型的item布局");      return new ItemViewHolder(view);    } else if (viewType == TYPE_FOOTER) { //创建脚布局类型的item布局      View view = LayoutInflater.from(context).inflate(R.layout.item_foot, parent,          false);      footerHolder=new FootViewHolder(view);      Log.d("test", "创建脚布局类型的item布局");      return footerHolder;    }    return null;  }  @Override  public void onBindViewHolder(final ViewHolder holder, int position) {    //在onCreateViewHolder执行完成后回调    if (holder instanceof FootViewHolder){      if (mCreateViewHolder!=null){        mCreateViewHolder.created();      }    }    if (holder instanceof ItemViewHolder) {      //holder.tv.setText(data.get(position));      if (onItemClickListener != null) {        holder.itemView.setOnClickListener(new View.OnClickListener() {          @Override          public void onClick(View v) {            int position = holder.getLayoutPosition();            onItemClickListener.onItemClick(holder.itemView, position);          }        });        holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {          @Override          public boolean onLongClick(View v) {            int position = holder.getLayoutPosition();            onItemClickListener.onItemLongClick(holder.itemView, position);            return false;          }        });      }    }  }  static class ItemViewHolder extends ViewHolder {    TextView tv;    public ItemViewHolder(View view) {      super(view);      tv = (TextView) view.findViewById(R.id.tv_date);    }  }   class FootViewHolder extends ViewHolder {     LinearLayout ll;     ProgressBar pb;     TextView tv;    public FootViewHolder(View view) {      super(view);      ll=(LinearLayout) view.findViewById(R.id.ll);      pb=(ProgressBar) view.findViewById(R.id.progressBar);      tv=(TextView) view.findViewById(R.id.tv);    }  }}

在第30行定义一个借口用来通知下拉刷新后隐藏脚布局，主要在onCreateViewHolder执行完成后回调。

看看效果图

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

那么威尼斯就是一艘轻盈和流动的舟船，