Android自定义View-下拉刷新-拉到底自动加载-LoadingRefreshLayout

主要实现两个功能,第一个是  实现一个下拉加载更多的效果。第二个是RecyclerView拖动到底自动加载的效果。


功能一:下拉加载更多的效果

特点

  1. 继承于LinearLayout,不用自己实现ViewGroup的测量、布局、绘制。
  2. 可以兼容多种类型的控件,RecyclerView、ListView、ScrollerLayout等。
  3. 解决了事件滑动的冲突。
  4. MarginLayoutParams的topMargin属性,实现View的移动。

实现思路

  1. 实现View的移动方法有很多种,因为移动的View位于布局的最顶部,可以通过MarginLayoutParams的topMargin属性,实现顶部View的移动。下移时,增大该值,上移时减少该值。
  2. LoadingRefreshLayout与嵌套的View可能会存在滑动的冲突,在需要下拉或者上移的时候,拦截滑动事件,重写onInterceptOnTouchEvent()方法,在判断需要拦截时,返回true,在onTouchEvent()方法中实现顶部HeadView的移动操作。
  3. 松手时,需要回到加载状态或者原始状态,这时涉及动画移动,使用ValueAnimator属性动画实现。
  4. 松手后,进入到正在加载状态,需要执行加载的动作,这时调用回调监听器;调用端加载完成后,需要调用加载完成的接口,LoadingRefreshLayout进入到加载完成的状态。
Android自定义View-下拉刷新-拉到底自动加载-LoadingRefreshLayout_第1张图片
  1.     状态的切换过程。初始状态我们先让Head位于屏幕的上方(不可见的状态),RecyclerView充满屏幕。当手指触碰屏幕到手指的移动时,如果RecyclerView处于显示最顶端Item的状态,且是下滑动作,这是就拦截事件。Head随手指进行上下移动,使用的是Head的MarginLayoutParams的topMargin进行Head位置的变化,这时加载状态有如下:
  • 下拉加载状态:从开始拖动到topMargin的大小从-HeadHeight到0。
  •  松开加载状态:从topMargin的大小等于0,直至松手前。
  •  正在加载状态:松手之后,topMargin的大小等于0,直至加载完毕。
  •  加载完成:topMargin的大小变为-HeadHeight。
效果图



用法

####xml中使用


    
        
        
    


#### activity中使用
实现拦截接口,判断拦截的条件

    @Override
    public boolean isAllowToIntercept() {
        boolean allowToPull = false;
        View firstChild = mDataRecyclerView.getChildAt(0);
        if (firstChild != null) {
            RecyclerView.LayoutManager layoutManager = mDataRecyclerView.getLayoutManager();
            LinearLayoutManager linearLayoutManager = (LinearLayoutManager) layoutManager;
            int firstVisiblePosition = linearLayoutManager.findFirstVisibleItemPosition();
            if (firstVisiblePosition == 0 && firstChild.getTop() == 0) {
                allowToPull = true;
            } else {
                allowToPull = false;
            }
        } else {
            allowToPull = true;
        }
        return allowToPull;
    }
设置事件拦截条件判断器
  mLoadingRefreshLayout.setInterceptChecker(this);
实现刷新的回调接口,执行刷新动作
    @Override
    public void onRefresh() {
        refreshData();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                mLoadingRefreshLayout.finishLoading();
                loadMoreAdapterWrapper.notifyDataSetChanged();
            }
        }, 2000);
    }
设置回调监听器

mLoadingRefreshLayout.setOnRefreshListener(this);
****************************    我是分割线            **********************************************************


功能二:RecyclerView上拉到底自动加载更多的效果

特点

  1. 使用装饰者模式,装饰RecyclerView.Adapter,在使用时,不需要修改原来的代码,无缝接入,便于维护和扩展。
  2. 可以扩展更多的自定义状态,比如加载失败状态。
实现思路
  1. 实现上拉到底自动加载,需要监听RecyclerView滑动到底部的事件,可继承RecyclerView.OnScrollListener,重写onScrollStateChanged()方法,根据当前的滑动状态和RecyclerView的可见Item的位置,可以判断RecyclerView是否滑动到底部。
  2. 要显示正在加载的提示或者没有更多的提示,可以通过重写RecyclerView.Adapter的getItemViewType()、getItemCount()、onCreateViewHolder()、onBindViewHolder()方法,不同的状态设置不同的ItemViewType;根据不同的ItemViewType,生成不同的ViewHolder,加载不同的布局。
  3. 暴露出状态设置的接口,供调用端使用,实现不同显示状态的切换。
效果图



用法

Activity中使用

使用装饰类LoadMoreAdapterWrapper,进行相关的初始化。

    mDataRecyclerView = (RecyclerView) findViewById(R.id.rv_data_list);
    mDataRecyclerView.setLayoutManager(new LinearLayoutManager(this));
    mRecyclerViewAdapter = new MyRecyclerViewAdapter();
    loadMoreAdapterWrapper = new LoadMoreAdapterWrapper(mRecyclerViewAdapter);
    loadMoreAdapterWrapper.setOnLoadMoreListener(this);
    mDataRecyclerView.setAdapter(loadMoreAdapterWrapper);
实现加载更多的逻辑
    @Override
    public void onLoadMore() {
        loadMoreAdapterWrapper.showLoadMoreView();
        mDataRecyclerView.scrollToPosition(loadMoreAdapterWrapper.getItemCount() -1);
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                loadMoreAdapterWrapper.showLoadFailedView();
            }
        }, 5000);
    }
重新加载实现逻辑
    @Override
    public void onRetry() {
        loadMoreAdapterWrapper.showLoadMoreView();
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                loadMoreAdapterWrapper.showNoMoreView();
            }
        }, 5000);
    }

GitHub源码:LoadingRefreshLayout源码

喜欢的欢迎star一下,谢谢各位朋友。

你可能感兴趣的:(Android自定义View)