RecycleView实现加载更多视图(状态)详细实现

关于RecycleView实现上拉加载更多的思路和方法,我相信每个人都有那么几套,
比如我
1、使用的是 BaseRecycleViewAdapterHelper 因为这个库真的帮助我们实现了好多的东西,结合Rxjava+Retrofit在项目中的使用,在不同的状态进行处理不同的业务逻辑,所以这个Adapter已经完完全全的实现了。
2、最开始选择这个库的原因是:里面可以通过几句代码实现item滑动的动画,也可以很方便的自定义动画。
3、比一般的更稳定,因为上拉会产生很多的问题,或者多滑几次会出现卡顿,不加载等问题。
好了,说了很多的废话,开始我们正题。

GitHub传送门 https://github.com/OnexZgj/OneX (包含很多的测试代码,选择RecycleView LoadMore)Button 进行查看效果

看到网上很多的Adapter的框架,我们也自己实现一个Adapter

一、先实现LoadMoreAdapter(实现RecycleViewAdapter的最基本的方式)

/**
 * Created by zgj on 2017/11/6:10:37.
 * des: 上拉加载更多的adapter
 */

public class LoadMoreAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {


    private List<String> dataList;

    // 普通布局
    private final int TYPE_ITEM = 1;
    // 脚布局
    private final int TYPE_FOOTER = 2;
    // 当前加载状态,默认为加载完成
    private int loadState = 2;
    // 正在加载
    public final int LOADING = 1;
    // 加载完成
    public final int LOADING_COMPLETE = 2;
    // 加载到底
    public final int LOADING_END = 3;


    public LoadMoreAdapter(List<String> dataList) {
        this.dataList = dataList;
    }



    @Override
    public int getItemCount() {
        //数据加1
        return dataList.size()+1;
    }


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

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType==TYPE_ITEM){
            View view = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.adapter_recyclerview, parent, false);
            return new RecyclerViewHolder(view);
        }else if (viewType==TYPE_FOOTER){

            View view = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.layout_refresh_footer, parent, false);
            return new FootViewHolder(view);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

        //正常布局的holder
        if (holder instanceof RecyclerViewHolder){
            RecyclerViewHolder recyclerViewHolder = (RecyclerViewHolder) holder;
            recyclerViewHolder.tvItem.setText(dataList.get(position));
        }else if (holder instanceof FootViewHolder){
            FootViewHolder footViewHolder = (FootViewHolder) holder;
        }
    }
}

二、ViewHolder 的实现


  /**
     * 正常条目的item的ViewHolder
     */
    private class RecyclerViewItemHolder extends RecyclerView.ViewHolder {

        TextView tvItem;

        RecyclerViewItemHolder(View itemView) {
            super(itemView);
            tvItem = (TextView) itemView.findViewById(R.id.tv_item);
        }
    }

    /**
     * FootView的Holder
     */
    private class FootViewHolder extends RecyclerView.ViewHolder {

        /**
         * 进度条展示
         */
        ProgressBar pbLoading;
        /**
         * 正在加载的TextView
         */
        TextView tvLoading;
        /**
         * 服务器没有数据信息展示
         */
        LinearLayout llEnd;
        /**
         * 进行提示的布局信息
         */
        LinearLayout llWarn;

        FootViewHolder(View itemView) {
            super(itemView);
            pbLoading = (ProgressBar) itemView.findViewById(R.id.pb_loading);
            tvLoading = (TextView) itemView.findViewById(R.id.tv_loading);
            llEnd = (LinearLayout) itemView.findViewById(R.id.ll_end);
            llWarn = (LinearLayout) itemView.findViewById(R.id.ll_warn);
        }
    }

因为我们要通过判断滑动的状态,去控制FootView的显示和隐藏,所以设置成员方法SetLoadState(); 来接受滑动的状态的改变

    public void setLoadState(int loadState) {
        this.loadState = loadState;
        notifyDataSetChanged();
    }

三、在Adapter中的事情大体已经完成了,接下来实现,如何进行判断当前recycleView的滑动的状态和数据的加载的状态

package com.example.linsa.retrofitdemo.listener;

import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

/**
 * Created by zgj on 2017/11/6:11:09.
 * des:
 */

public abstract class EndlessRecyclerOnScrollListener extends RecyclerView.OnScrollListener {

    /**
     * 标记是否正在向上滑动
     */
    boolean isSlidingUpward = false;

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

        LinearLayoutManager manager = (LinearLayoutManager) recyclerView.getLayoutManager();

        if (newState == RecyclerView.SCROLL_STATE_IDLE) {
            //当状态是不滑动的时候

            int lastItemPosition = manager.findLastCompletelyVisibleItemPosition();
            int itemCount = manager.getItemCount();

            if (lastItemPosition == (itemCount - 1) && isSlidingUpward) {
                onLoadMoreData();
            }
        }
    }



    @Override
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        // 大于0表示正在向上滑动,小于等于0表示停止或向下滑动
        isSlidingUpward = dy > 0;
    }

    /**
     * 加载更多数据的方法
     */
    public abstract  void onLoadMoreData() ;

}

从代码中体现:通过监听RecycleView的滑动状态的改变和用户是否正在向上滑动进行触发加载更多的方法

四、接下来,我们去Activity中去看看如何使用

public class RecycleLoadmoreActivity extends AppCompatActivity {

    @InjectView(R.id.arl_rv_recycleview)
    RecyclerView arlRvRecycleview;
    @InjectView(R.id.arl_srl_refresh)
    SwipeRefreshLayout arlSrlRefresh;

    private LoadMoreAdapter loadMoreAdapter;

    private ArrayList<String> dataList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycle_loadmore);
        ButterKnife.inject(this);

        initListener();

        loadData();

        initAdapter();

    }

    /**
     * 加载监听
     */
    private void initListener() {
        arlSrlRefresh.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                dataList.clear();
                loadData();
                loadMoreAdapter.setLoadState(loadMoreAdapter.LOADING_COMPLETE);
                loadMoreAdapter.notifyDataSetChanged();


                // 延时1s关闭下拉刷新
                arlSrlRefresh.postDelayed(new Runnable() {
                    @Override
                    public void run() {
                        if (arlSrlRefresh != null && arlSrlRefresh.isRefreshing()) {
                            arlSrlRefresh.setRefreshing(false);
                        }
                    }
                }, 1000);
            }
        });

    }

    private void initAdapter() {
        loadMoreAdapter = new LoadMoreAdapter(dataList);
        arlRvRecycleview.setAdapter(loadMoreAdapter);

        arlRvRecycleview.setLayoutManager(new LinearLayoutManager(this));

        arlRvRecycleview.addOnScrollListener(new EndlessRecyclerOnScrollListener() {
            @Override
            public void onLoadMoreData() {
                loadMoreAdapter.setLoadState(loadMoreAdapter.LOADING);

                if (dataList.size() < 52) {
                    new Timer().schedule(new TimerTask() {
                        @Override
                        public void run() {
                            runOnUiThread(new Runnable() {
                                @Override
                                public void run() {
                                    loadData();
                                    loadMoreAdapter.setLoadState(
                                            loadMoreAdapter.LOADING_COMPLETE);
                                }
                            });
                        }
                    },3000);
                }else{
                    loadMoreAdapter.setLoadState(
                            loadMoreAdapter.LOADING_END);
                }
            }
        });
    }

    /**
     * 加载数据
     */
    private void loadData() {
        char letter = 'A';
        for (int i = 0; i < 26; i++) {
            dataList.add(String.valueOf(letter));
            letter++;
        }
    }
}

源码已经上传到GitHub上了,欢迎Fork,觉得还不错就Start一下吧!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 222,000评论 6 515
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,745评论 3 399
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 168,561评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,782评论 1 298
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,798评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,394评论 1 310
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,952评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,852评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,409评论 1 318
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,483评论 3 341
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,615评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,303评论 5 350
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,979评论 3 334
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,470评论 0 24
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,571评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 49,041评论 3 377
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,630评论 2 359

推荐阅读更多精彩内容