专栏首页移动开发结合 MultiType 实现加载更多

结合 MultiType 实现加载更多

MultiType 是一个分发管理类,帮助我们轻松实现复杂布局.建议大家阅读源码,作者的思路并不复杂但很巧妙.

下面附上主要源码:

public class LoadMoreDelegate {

    private Items mItems;

    private MultiTypeAdapter mMultiTypeAdapter;
    private OnLoadMoreListener mOnLoadMoreListener;
    private ScrollListener mScrollListener;


    public LoadMoreDelegate(MultiTypeAdapter multiTypeAdapter, Items items, OnLoadMoreListener onLoadMoreListener) {
        mMultiTypeAdapter = multiTypeAdapter;
        mItems = items;
        this.mOnLoadMoreListener = onLoadMoreListener;
    }

    public void attach(RecyclerView recyclerView) {
        LinearLayoutManager linearLayoutManager = (LinearLayoutManager) recyclerView.getLayoutManager();
        mScrollListener = new ScrollListener(mMultiTypeAdapter, mItems, linearLayoutManager, mOnLoadMoreListener);
        recyclerView.addOnScrollListener(mScrollListener);
    }

    public void loadMoreComplete() {
        mScrollListener.setLoading(false);
    }

    public void addData(Items items) {
        int originSize = mItems.size() - 1;
        mItems.remove(originSize);//删除"加载更多"
        mItems.addAll(items);//添加新数据
        //从最后的位置插入新数据
        mMultiTypeAdapter.notifyItemRangeInserted(originSize, items.size() - 1);
    }

    public interface OnLoadMoreListener {
        void onLoadMore();
    }

    private static class ScrollListener extends RecyclerView.OnScrollListener {
        private final int size = 2;
        private boolean mLoading = false;
        private Items mItems;
        private final LoadMore mLoadMore = new LoadMore();

        private LinearLayoutManager mLinearLayoutManager;
        private OnLoadMoreListener mOnLoadMoreListener;
        private MultiTypeAdapter mMultiTypeAdapter;

        ScrollListener(MultiTypeAdapter multiTypeAdapter, Items datas, LinearLayoutManager linearLayoutManager, OnLoadMoreListener onLoadMoreListener) {
            mItems = datas;
            mMultiTypeAdapter = multiTypeAdapter;
            this.mLinearLayoutManager = linearLayoutManager;
            this.mOnLoadMoreListener = onLoadMoreListener;
        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            if (dy < 0) {//下滑忽略
                return;
            }
            int totalNum = mLinearLayoutManager.getItemCount();
            int lastVisiblePosition = mLinearLayoutManager.findLastCompletelyVisibleItemPosition();
            if (!mLoading && lastVisiblePosition == totalNum - size) {//最后可见的view的位置为倒数第size个,触发加载更多
                mLoading = true;
                mItems.add(mLoadMore);
                mMultiTypeAdapter.notifyItemInserted(mItems.size() - 1);
                mOnLoadMoreListener.onLoadMore();
            }
        }

        void setLoading(boolean loading) {
            this.mLoading = loading;
        }
    }

}

这里提下有些加载更多只是简单的直接使用 notifyDataSetChanged() 方法,效率上我没有研究过,不敢说哪个效率更好,但至少 RecycleView 给我们提供的动画效果没有了,所以建议还是采用 notifyItemInserted().

完整示例:multitypeloadmore

public class PullUpTestActivity extends AppCompatActivity implements LoadMoreDelegate.OnLoadMoreListener {

    private Items mItems = new Items();

    private LoadMoreDelegate mLoadMoreDelegate;
    @Bind(R.id.show)
    RecyclerView mShow;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_pull_up);
        ButterKnife.bind(this);
        for (int i = 0; i < 20; i++) {
            mItems.add("data***" + i);
        }


        MultiTypeAdapter multiTypeAdapter = new MultiTypeAdapter(mItems);
        multiTypeAdapter.register(String.class, new NormalViewProvider());
        multiTypeAdapter.register(LoadMore.class, new LoadMoreViewProvider());
        mShow.setLayoutManager(new LinearLayoutManager(this));
        mShow.setAdapter(multiTypeAdapter);
        mLoadMoreDelegate = new LoadMoreDelegate(multiTypeAdapter, mItems, this);
        mLoadMoreDelegate.attach(mShow);
    }

    @Override
    public void onLoadMore() {
        getMore();
    }

    private void getMore() {
        new Thread(new Runnable() {
            @Override
            public void run() {
                try {
                    Thread.sleep(2000);
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            Items strings = new Items();
                            for (int i = 0; i < 20; i++) {
                                strings.add("data***more" + i);
                            }
                            mLoadMoreDelegate.addData(strings);
                            mLoadMoreDelegate.loadMoreComplete();
                        }
                    });

                } catch (InterruptedException e) {
                    e.printStackTrace();
                }


            }
        }).start();
    }
}

还有一点提一下,这样的必须需要滑动界面才可以触发加载更多,如果第一屏数据不超过一屏,将没法触发加载更多.但这样我认为是合理的,如果第一页数据的请求就不满一屏,所以后面应该是在没有数据的.有些加载更多的实现是一到最后一个数据,就开始加载更多.但在第一页数据不满一屏的情况下,触发了加载很多,很违背直觉. BaseRecyclerViewAdapterHelper 就采用了这种实现,大家可以去看源码. 而且一般第一页的请求,我们一般会有自己的一个 loading 视图,这样不满一屏的情况下,还有一个加载更多的视图,这是不太合理的.

以上 demo 仅供参考,大家可以进一步自己封装和实现.可以自己实现个 MultiTypeAdapter 并把代码整合到里面去,这样用起来可能会更方便点.

效果图

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 仿googleMVP设计模式示例demo,结合rxjava,retrofit2.0

    这是模仿Google官方mvp示例的小demo,结合Retrofit2.0,rxjava加上自己的一点理解所写. 感谢干货免费开放的API.

    夏洛克的猫
  • 用path画一个抽象的树叶

    源码地址:https://github.com/X-FAN/LeafView 只是个简单的demo,大家可以参考下

    夏洛克的猫
  • ZoomLoadView 自定义view 可以做app的启动首页效果

    虽然这个控件类似的功能github上也有,但还是自己实现了下. 这个控件可以保持图片的比例去填充view,如果按图片比例计算出的大小超出view的大小,会展...

    夏洛克的猫
  • Android 多线程误区,我不信你们都懂!

    前段时间在组内做了一下现有的代码分析,发现很多以前的legacy code多线程的使用都不算是最佳实践,而且坏事的地方在于,刚毕业的学生,因为没有别的参照物,往...

    Android技术干货分享
  • JAVA虚拟机关闭钩子(Shutdown Hook)

    当你认真的去看一个组件的源码的时候,你会经常看见这种关闭钩子的函数,如果你不了解的话,谷歌一下,你就会发现如下文章就是搜索引擎出来的第一篇,不愧是出自我们优秀的...

    zhisheng
  • c++中类长度解析

    通常我们定义一个类,它所占的空间有多大呢? 首先我们看一下下面的这个类 class A{ public: void func1(void){ ...

    用户1154259
  • 18-TypeScript模板方法模式

    在有些情况下,一个功能在基础功能上是不会变的,算法的基本骨架也是确定的,但是在某些场景下算法的具体实现有些差异。应对这种问题,可以采用模板方法模式: abstr...

    用户1910585
  • node+express使用multiparty实现文件上传

    文件上传在一个项目中是相对于比较基础的功能,今天分享一下自己是如何在nodejs中使用中间件multiparty实现文件上传的。nodejs环境的搭建就不赘述了...

    算法与编程之美
  • [.NET]使用十年股价对比各种序列化技术

    上一家公司有搞股票,当时很任性地直接从服务器读取一个股票10年份的股价(还有各种指标)在客户端的图表上显示,而且因为是桌面客户端,传输的数据也是简单粗暴地使用S...

    dino.c
  • 利用reGeorg+Proxifier连接远程内网服务器

    reGeorg是reDuh的继承者,利用了会话层的socks5协议,结合Proxifier使用效率会更高。reGeorg支持php、asp、jsp、aspx脚本...

    Bypass

扫码关注云+社区

领取腾讯云代金券