Android RecyclerView实现下拉刷新和上拉加载更多

使用官方的刷新控件SwipeRefreshLayout来实现下拉刷新,当RecyclerView滑到底部实现下拉加载(进度条效果用RecyclerView加载一个布局实现)

需要完成控件的下拉监听和上拉监听,其中,下拉监听通过SwipRefreshLayout的setOnRefreshListener()方法监听,而上拉刷新,需要通过监听列表的滚动,当列表滚动到底部时触发事件,具体代码如下

主布局

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

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

</android.support.v4.widget.SwipeRefreshLayout>
public class MainActivity extends AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener {
 private SwipeRefreshLayout refreshLayout;
 private RecyclerView recyclerView;
 private LinearLayoutManager layoutManager;

 private RecyclerAdapter mAdapter;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  initViews();
 }

 private void initViews() {
  refreshLayout = (SwipeRefreshLayout) findViewById(R.id.refresh_layout);
  recyclerView = (RecyclerView) findViewById(R.id.recycler_list);
  layoutManager = new LinearLayoutManager(this);

  refreshLayout.setColorSchemeResources(R.color.colorAccent, R.color.colorPrimary);//设置刷新时进度条

颜色,最多四种
  refreshLayout.setOnRefreshListener(this);

  mAdapter = new RecyclerAdapter();//自定义的适配器
  recyclerView.setAdapter(mAdapter);
  recyclerView.setLayoutManager(layoutManager);
  recyclerView.addOnScrollListener(new OnRecyclerScrollListener());
 }

 /**
  * 用于下拉刷新
  */
 @Override
 public void onRefresh() {
 }

 /**
  * 用于上拉加载更多
  */
 public class OnRecyclerScrollListener extends RecyclerView.OnScrollListener {

  int lastVisibleItem = 0;

  @Override
  public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
   super.onScrollStateChanged(recyclerView, newState);

   if (mAdapter != null && newState == RecyclerView.SCROLL_STATE_IDLE && lastVisibleItem + 1 == 

mAdapter.getItemCount()) {
    //滚动到底部了,可以进行数据加载等操作
   }
  }

  @Override
  public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
   super.onScrolled(recyclerView, dx, dy);
   lastVisibleItem = layoutManager.findLastVisibleItemPosition();
  }
 }
}

下面是实现上拉时进度条转动的效果

item_list_footer.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

 <TextView
  android:id="@+id/tv_item_footer_load_more"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_margin="16dp"
  android:gravity="center"
  android:text="上拉加载更多"
 />

 <ProgressBar
  android:id="@+id/pb_item_footer_loading"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_margin="16dp"
android:visibility="gone"/>
</RelativeLayout>

适配器

public class RecyclerAdapter extends RecyclerView.Adapter<ViewHolder> {

 private static final int TYPE_CONTENT = 0;
 private static final int TYPE_FOOTER = 1;

 private ArrayList<DataBean> dataList;

 private ProgressBar pbLoading;
 private TextView tvLoadMore;

 public RecyclerAdapter() {
  dataList = new ArrayList<>();
 }

 @Override
 public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  if (viewType == TYPE_CONTENT) {
   return new ContentViewHolder(LayoutInflater.from(parent.getContext()).inflate

(R.layout.item_list_content, parent, false));
  } else if (viewType == TYPE_FOOTER) {//加载进度条的布局
   return new FooterViewHolder(LayoutInflater.from(parent.getContext()).inflate

(R.layout.item_list_footer, parent, false));
  }
  return null;
 }

 @Override
 public void onBindViewHolder(ViewHolder holder, int position) {
  int type = getItemViewType(position);
  if (type == TYPE_CONTENT) {
   DataBean bean = dataList.get(position);
   ((ContentViewHolder) holder).tvId.setText("" + bean.getId());
   ((ContentViewHolder) holder).tvName.setText(bean.getName());
  } else if (type == TYPE_FOOTER) {
   pbLoading = ((FooterViewHolder) holder).pbLoading;
   tvLoadMore = ((FooterViewHolder) holder).tvLoadMore;
  }
 }

 /**
  * 获取数据集加上一个footer的数量
  */
 @Override
 public int getItemCount() {
  return dataList.size() + 1;
 }

 @Override
 public int getItemViewType(int position) {
  if (position + 1 == getItemCount()) {
   return TYPE_FOOTER;
  } else {
   return TYPE_CONTENT;
  }
 }

 /**
  * 获取数据集的大小
  */
 public int getListSize() {
  return dataList.size();
 }

 /**
  * 内容的ViewHolder
  */
 public static class ContentViewHolder extends ViewHolder {
  private TextView tvId, tvName;

  public ContentViewHolder(View itemView) {
   super(itemView);
   tvId = (TextView) itemView.findViewById(R.id.tv_item_id);
   tvName = (TextView) itemView.findViewById(R.id.tv_item_name);
  }
 }

 /**
  * footer的ViewHolder
  */
 public static class FooterViewHolder extends ViewHolder {
  private TextView tvLoadMore;
  private ProgressBar pbLoading;

  public FooterViewHolder(View itemView) {
   super(itemView);
   tvLoadMore = (TextView) itemView.findViewById(R.id.tv_item_footer_load_more);
   pbLoading = (ProgressBar) itemView.findViewById(R.id.pb_item_footer_loading);
  }
 }

 /**
  * 显示正在加载的进度条,滑动到底部时,调用该方法,上拉就显示进度条,隐藏"上拉加载更多"
  */
 public void showLoading() {
  if (pbLoading != null && tvLoadMore != null) {
   pbLoading.setVisibility(View.VISIBLE);
   tvLoadMore.setVisibility(View.GONE);
  }
 }

 /**
  * 显示上拉加载的文字,当数据加载完毕,调用该方法,隐藏进度条,显示“上拉加载更多”
  */
 public void showLoadMore() {
  if (pbLoading != null && tvLoadMore != null) {
   pbLoading.setVisibility(View.GONE);
   tvLoadMore.setVisibility(View.VISIBLE);
  }
 }
}

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

(0)

相关推荐

  • android RecyclerView侧滑菜单,滑动删除,长按拖拽,下拉刷新上拉加载

    本文介绍的库中的侧滑效果借鉴自SwipeMenu,并对SipwMenu的源码做了修改与Bug修复,然后才开发出的SwipeRecyclerView. 需要说明的是,本库没有对RecyclerView做大的修改,只是ItemView的封装.看起来是对RecyclerView的修改,其实仅仅是为RecyclerView添加了使用的方法API而已. 本库已经更新了三个版本了,会一直维护下去,根据小伙伴的要求,以后也会添加一些其它功能. SwipeRecyclerView将完美解决这些问题: 以下功能全

  • Android RecyclerView实现下拉刷新和上拉加载

    RecyclerView已经出来很久了,许许多多的项目都开始从ListView转战RecyclerView,那么,上拉加载和下拉刷新是一件很有必要的事情. 在ListView上,我们可以通过自己添加addHeadView和addFootView去添加头布局和底部局实现自定义的上拉和下拉,或者使用一些第三方库来简单的集成,例如Android-pulltorefresh或者android-Ultra-Pull-to-Refresh,后者的自定义更强,但需要自己实现上拉加载. 而在下面我们将用两种方式

  • Android使用recyclerview打造真正的下拉刷新上拉加载效果

    前言 前段时间需要用到recyclerview,就想找个封装好的下拉刷新,上拉加载的库,结果愣是没找到,便自己写了一个. 注意:我说的是"上拉加载",不是滑到底部自动加载. 虽然现在自动加载是主流和趋势,但也不排除有时候就需要用到上拉加载啊,毕竟林子大了,什么样的产品经理都有对吧. 代码写好后,准备发布到bintray的时候,向同事征求这个项目的名字,同事说:"就叫DZTRecyclerview!" 不解,同事解释:"叼炸天Recyclerview!&qu

  • Android RecyclerView 上拉加载更多及下拉刷新功能的实现方法

    RecyclerView 已经出来很久了,但是在项目中之前都使用的是ListView,最近新的项目上了都大量的使用了RecycleView.尤其是瀑布流的下拉刷新,网上吧啦吧啦没有合适的自己总结了一哈. 先贴图上来看看: 使用RecyclerView实现上拉加载更多和下拉刷新的功能我自己有两种方式: 1.使用系统自带的Android.support.v4.widget.SwipeRefreshLayout这个控价来实现. 2.自定义的里面带有RecyleView的控件. 使用RecycleVie

  • Android RecyclerView添加上拉加载更多效果

    先看一下效果 刷新的时候是这样的: 没有更多的时候是这样的: 既然有刷新的时候有两种状态就要定义两个状态 //普通布局的type static final int TYPE_ITEM = 0; //脚布局 static final int TYPE_FOOTER = 1; 在特定的时候去显示: @Override public int getItemViewType(int position) { //如果position加1正好等于所有item的总和,说明是最后一个item,将它设置为脚布局

  • RecyclerView上拉加载封装代码

    RecyclerView上拉加载,先看效果: 网上有很多这类得框架,不过在自己的项目只用到上拉加载的功能,所以自己封装一个简单点的. 主要依赖BaseRecyPRAdapter这类 public abstract class BaseRecyPRAdapter<T> extends RecyclerView.Adapter<BaseRecyPRAdapter.BaseViewHolder> { private static final String TAG = "Base

  • Android RecyclerView添加上拉加载更多功能

    上一篇文章已经介绍了如何为RecyclerView添加FootView,在此基础上,要添加分页加载的功能其实已经很简单了. 上一篇文章地址:为RecyclerView添加FootView和HeadView 效果:(源码在文章结尾) 实现关键 在上一篇代码的基础上,只需要在onBindViewHolder(ViewHolder holder, int position)函数中添加一定修改就可以了,如下: @Override public void onBindViewHolder(ViewHold

  • Android RecyclerView上拉加载更多功能回弹实现代码

    实现原理是使用RecyclerView的OnTouchListener方法监听滑动 在adapter里面增加两项footview 其中date.size为显示的加载条,可以自定义,date.size+1为空白的View,我们设置其高度为0 我们通过LinearLayoutManager的 findLastVisibleItemPosition判断显示的最后一条数据,如果是空白view,表示加载条已经完全展示,松开即可刷新. 回弹效果是通过在滑动时动态改变空白view的高度,达到阻尼效果 ,回弹时

  • Android RecyclerView下拉刷新和上拉加载更多

    今天终于有点时间,来写了一下: 为RecyclerView实现下拉刷新和上拉加载更多.今天会在前面的两篇文章的基础上: RecyclerView系列之(1):为RecyclerView添加Header和Footer RecyclerView系列之(2):为RecyclerView添加分隔线 继续讲述RecyclerView中一些常用组件的实现下拉刷新和上拉加载更多的功能. 在现在的Android手机应用中,几乎每一个APP都有下拉刷新和上拉加载更多的功能,它们的重要性不言而喻. 先不多说,先看效

  • Android中使用RecyclerView实现下拉刷新和上拉加载

    推荐阅读:使用RecyclerView添加Header和Footer的方法                       RecyclerView的使用之HelloWorld RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好.本文给大家介绍如何为RecyclerView添加下拉刷新和上拉加载,过去在ListView当中添加下拉刷新和上拉加载是非常方便的利用addHeaderView和addFooterVie

随机推荐