手把手教学,实现RecyclerView 自动加载更多

说一下写这个文章的原因

1.熟悉RecyclerView
2.自动加载更多,作为每个应用开发过程当中几乎必不可少的功能,了解如何实现,然后做一些封装,很有必要

分析

我们先来分析一下,什么时候需要用到加载更多的功能?自然是用户向上翻动列表,快要到所有列表项的底部,或则已经到底部的时候需要加载更多的数据,用于展示给用户(为了更好的用户体验,肯定是用户没有到最低端的时候就自动加载更多啦)。那么问题来了,怎么样能知道快要到底部,或者已经到底部了?翻查Android 文档

  void addOnScrollListener (RecyclerView.OnScrollListener  listener) 

这个方法可以监听RecyclerView 的滚动。哈哈距离解决问题更近一步了。我们看看OnScrollListener 里面抽象方法的参数。

void

onScrollStateChanged(RecyclerView recyclerView, int newState)
Callback method to be invoked when RecyclerView's scroll state changes.

void

onScrolled(RecyclerView recyclerView, int dx, int dy)
Callback method to be invoked when the RecyclerView has been scrolled.

这没有办法获得RecyclerView 中最下面的元素是哪一个啊。要是每次滚动的时候,我们就能拿到RecyclerView
所显示的Item中最下面的那个的位置就好了。不急我们看看LinearLayoutManager的文档

int findLastVisibleItemPosition ()
Returns the adapter position of the last visible view. 
This position does not include adapter changes that were dispatched after the last layout pass.
Note that, this value is not affected by layout orientation or item order traversal. (setReverseLayout(boolean) 
Views are sorted by their positions in the adapter, not in the layout.
If RecyclerView has item decorators, they will be considered in calculations as well.
LayoutManager may pre-cache some views that are not necessarily visible. Those views are ignored in this method.

这个方法就是找到最后一个可见Item的位置。太好了,只要每次滚动的时候监听一下最后一个可见的Item 的位置,我们就可以决定是否架子啊更多了。
感觉我们已经准备的差不多了。
那我们开始吧

代码设计

根据上面的思路,我们设计一下代码。
1.当需要加载更多的时候,肯定需要回调啊。那好我们先定义一个回调的接口:

  interface OnLoadingMore {    void onLoadMore();}

2.如果正在加载的时候,用户又上下的滑动,再触发了加载更多,而上次的触发的加载还没有结束,怎么办?定义一个变量 ,如果正在加载了,还没有完成,不能再次加载。

private boolean isLoading;

3.为了提高用户的体验,我们应该设置一个用户滑到提前多少个Item的时候触发加载更多的变量。

private int visibleThreshold = 5;

4.RecyclerView 应该有两种类型的(暂且这么分吧,实际开发中可能会超过)。

@Override public int getItemViewType(int position) {
       if (position == getItemCount() - 1) {
             return TYPE_LOAD_MORE; 
          } else {
               return TYPE_NORMAL; 
        }
 }

感觉已经准备的差不多了,可以开始了

我们选择在BaseAdapter 中实现自动加载更多的功能,可以方便子类使用。
贴代码啦:


public class BaseAdapter<T> extends RecyclerView.Adapter<BaseViewHolder> {
    List<T> dataSet = new ArrayList<>();
    private final int TYPE_LOAD_MORE = 100;
    private final int TYPE_NORMAL = 101;

    private boolean isLoading;
    private int visibleThreshold = 5;
    OnLoadingMore loadingMore;
private boolean canLoadMore = true;

    public BaseAdapter(RecyclerView recyclerView) {
          //传入一个RecyclerView 下面就是监听滚动啦
        recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
                LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
                int itemCount = layoutManager.getItemCount();
                int lastPosition = layoutManager.findLastVisibleItemPosition();
                Log.i("lastPosition --> ", lastPosition + "");
                Log.i("itemCount  --> ", itemCount + " ");
                //如果当前不是正在加载更多,并且到了该加载更多的位置,加载更多。
                if (!isLoading && (lastPosition >= (itemCount - visibleThreshold))) {
                    if (canLoadMore&&loadingMore != null) {
                        isLoading = true;
                        loadingMore.onLoadMore();
                    }
                }
            }
        });
    }

    @Override
    public BaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view;

        if (viewType == TYPE_LOAD_MORE) {
            view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_load_more, parent, false);
            ProgressBar progressBar = (ProgressBar) view.findViewById(R.id.pb_loading);
            progressBar.setInterpolator(new AccelerateInterpolator(2));
            progressBar.setIndeterminate(true);
        } else {
            view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_normal, parent, false);
        }
        return new BaseViewHolder<>(view);
    }

    @Override
    public void onBindViewHolder(BaseViewHolder holder, int position) {
        if (getItemViewType(position) == TYPE_LOAD_MORE) {
                View itemView=holder.itemView;
                  //判定是不是可以加载更多或则正在加载  
                   if (canLoadMore && isLoading) {
                if (itemView.getVisibility() != View.VISIBLE) {
                    itemView.setVisibility(View.VISIBLE);
                }
            } else if (itemView.getVisibility() == View.VISIBLE) {
                itemView.setVisibility(View.GONE);
            }
        } else {
            TextView textView = (TextView) holder.itemView;
            textView.setText(String.valueOf(position));
        }
    }


    @Override
    public int getItemCount() {
        return dataSet.size() + 1;
    }
    //分成两种类型 1.普通的item 2.底部的Progress Bar
    @Override
    public int getItemViewType(int position) {
        if (position == getItemCount() - 1) {
            return TYPE_LOAD_MORE;
        } else {
            return TYPE_NORMAL;
        }
    }

    public void setLoadingMore(OnLoadingMore loadingMore) {
        this.loadingMore = loadingMore;
    }

    public void setLoading(boolean loading) {
        isLoading = loading;
    }

    public void addData(T t) {
        dataSet.add(t);
        notifyDataSetChanged();
    }
public void setCanLoadMore(boolean canLoadMore) {    this.canLoadMore = canLoadMore;}
  //回调接口
    interface OnLoadingMore {
        void onLoadMore();
    }

}

对应的布局文件:
1.item_load_more: 很简单的一个ProgressBar 加上 一个TextView

<?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="wrap_content">

    <ProgressBar
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:id="@+id/pb_loading"
        android:layout_toLeftOf="@+id/tv_msg" />

    <TextView
        android:id="@+id/tv_msg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="正在加载" />
</RelativeLayout>

2.item_normal:只是一个TextView

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="10dp"
    android:paddingBottom="10dp"
    android:textColor="#000">
</TextView>

效果截图:


截图
截图

哈哈还是挺简单的吧。有问题的可以回复我。

完整的代码请移步github

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,976评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,709评论 1 92
  • 在IntelliJ IDEA 15中使用Maven时,IDEA将默认的编译版本、源码版本设置为jdk5。编译项目的...
    天外之石阅读 4,398评论 0 0
  • 我知道,就算我真得被这个男性主宰的世界抛弃,你依旧会在,依旧会捧着我的脸,含着泪说爱我…… 就像,我爱你一样。 所...
    天官阅读 1,594评论 0 0

友情链接更多精彩内容