美文网首页各种viewRecyclerViewAndroid
手把手教学,实现RecyclerView 自动加载更多

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

作者: Zekero | 来源:发表于2016-11-22 18:07 被阅读2242次

    说一下写这个文章的原因

    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

    相关文章

      网友评论

      • 715df1af846d:难道年代久远导致github都用不得了?
      • Y哟嚯Y:难道没人发现RecyclerView和NestedScrollView嵌套使用的时候,滑动RecyclerView根本不会走addOnScrollListener吗?
        向往天空的鸡:做到这一块 我也发现了这个问题 滑动事件被拦截走了 如何让RecycleView 进行刷新
      • 唯一_f286:如果数据 没有满屏,会自动加载到满屏
      • Zekero:现在支持 没有更多数据后隐藏加载更多啦
      • 码圣:如果条目数只有两个的话,你的加载更多布局不是就显示出来了?
        Zekero: @码圣 有空再封装一下 弄个可以解决这个问题和的版本
        Zekero:@码圣 是 这个没有做到隐藏

      本文标题:手把手教学,实现RecyclerView 自动加载更多

      本文链接:https://www.haomeiwen.com/subject/gjxmpttx.html