android教你打造独一无二的上拉下拉刷新加载框架

其实早在去年七月,群里小伙伴就有让我共享这个。但我当时绝的技术不纯熟。代码有bug什么的。没有写出来。现在感觉整理的差不多了。就写出来让大家看看,有问题一起讨论解决。

说到刷新加载,我们第一个想到啥,对了就是swiperefreshlayout,还有什么SuperSwiperefreshlayout,XRecyclerView等等。反正老多了,我还是之前那句话,不管用什么,我们需要知道他的原理。

打造框架开始

对于刷新加载的实现,你们第一个想到的是什么?是用swiperefresh然后在recyclerview底部加一个不同type?还是用事件拦截呢?那必须是事件拦截啊,虽然现在swiperefreshlayout很火,基本很多app都能看到他。但是遇到那种坑比公司说刷新要用自己公司logo你也没辙。对把。。好了,感觉得罪了好多公司,不管他,我们继续。

我们先看下我们的效果图:

老铁,没毛病。下面我介绍如何实现的。

下拉刷新

首先我们给出如下几个参数,后面要用:

  private NestedScrollingParentHelper helper = null;
  private boolean IsRefresh = true;
  private boolean IsLoad = true;
  //滑动的总距离
  private int totalY = 0;
  private LinearLayout headerLayout = null;
  private MyRecyclerView myRecyclerView = null;
  private LinearLayout footerLayout = null;

既然是刷新,我们的滚动肯定是在父view之前的。所以我们需要在onNestedPreScroll这个方法里面写上我们所需要改动的x,y值。

我们需要用父view去拦截它。

我们需要判断dy的值是否大于0,因为大于0是刷新操作,小于0是加载操作。然后我们需要判断recyclerview是否是纵向的而不是横向的。

public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
    if (IsRefresh) {
      if (dy > 0) {
        if (myRecyclerView.isOrientation(0)) {
          totalY += dy;
          if ((totalY / 2) <= 0) {
            scrollTo(0, totalY / 2);
            consumed[1] = dy;
          } else {
            scrollTo(0, 0);
            consumed[1] = 0;
          }
        }
        return;
      }
    }

上拉加载

上面我也说了onNestedPreScroll这个方法中判断dy<0才是加载操作。所以综上所述,代码变成了这样:

 public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
    if (totalY < 0 && myRecyclerView.isOrientation(0) || totalY > 0 && myRecyclerView.isOrientation(1)) {
      isfling = true;
    }
    if (IsRefresh) {
      if (dy > 0) {
        if (myRecyclerView.isOrientation(0)) {
          totalY += dy;
          if ((totalY / 2) <= 0) {
            scrollTo(0, totalY / 2);
            consumed[1] = dy;
          } else {
            scrollTo(0, 0);
            consumed[1] = 0;
          }
        }
        return;
      }
    }
    if (IsLoad) {
      if (dy < 0) {
        if (myRecyclerView.isOrientation(1)) {
          totalY += dy;
          if ((totalY / 2) >= 0) {
            scrollTo(0, totalY / 2);
            consumed[1] = dy;
          } else {
            scrollTo(0, 0);
            consumed[1] = 0;
          }
        }
        return;
      }
    }
  }

最后我们需要在子view滑动结束后,实行如下操作:

 //子view滑动结束调用
  //dyUnconsumed < 0 向下滚
  //dyUnconsumed > 0 向上滚
  public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
    if (dyUnconsumed != 0) {
      totalY += dyUnconsumed;
      scrollTo(0, totalY / 2);
    }
  }

其实最主要的两个方法已经解决了,其他到没什么了,这边,我把nestedscrolling的8个接口的功能和自定义recyclerview放出来。已变大家参考。希望大家都能实现自己的刷新加载。告别swiperefreshlayout。

添加header和footer

这里我们参考listview自带的addheaderview和addfooterview。代码如下:

 public void addHeaderView(View headerView, int headerHeight) {
    this.headerLayout.removeAllViews();
    this.headerLayout.addView(headerView);
    LayoutParams layoutParams = new LayoutParams(LayoutParams.MATCH_PARENT, headerHeight);
    layoutParams.topMargin = -headerHeight;
    this.headerLayout.setLayoutParams(layoutParams);
  }

  public void addFooterView(View footerView, int footerHeight) {
    this.footerLayout.removeAllViews();
    this.footerLayout.addView(footerView);
    this.footerLayout.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, footerHeight));
  }

几个接口的实现

 public boolean onStartNestedScroll(View child, View target, int nestedScrollAxes) {
    return true;
  }

  public void onNestedScrollAccepted(View child, View target, int axes) {
    helper.onNestedScrollAccepted(child, target, axes);
  }

  //父view拦截子view的滚动
  public void onNestedPreScroll(View target, int dx, int dy, int[] consumed) {
    if (totalY < 0 && myRecyclerView.isOrientation(0) || totalY > 0 && myRecyclerView.isOrientation(1)) {
      isfling = true;
    }
    if (IsRefresh) {
      if (dy > 0) {
        if (myRecyclerView.isOrientation(0)) {
          totalY += dy;
          if ((totalY / 2) <= 0) {
            scrollTo(0, totalY / 2);
            consumed[1] = dy;
          } else {
            scrollTo(0, 0);
            consumed[1] = 0;
          }
        }
        return;
      }
    }
    if (IsLoad) {
      if (dy < 0) {
        if (myRecyclerView.isOrientation(1)) {
          totalY += dy;
          if ((totalY / 2) >= 0) {
            scrollTo(0, totalY / 2);
            consumed[1] = dy;
          } else {
            scrollTo(0, 0);
            consumed[1] = 0;
          }
        }
        return;
      }
    }
  }

  //子view滑动结束调用
  //dyUnconsumed < 0 向下滚
  //dyUnconsumed > 0 向上滚
  public void onNestedScroll(View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
    if (dyUnconsumed != 0) {
      totalY += dyUnconsumed;
      scrollTo(0, totalY / 2);
    }
  }

  public void onStopNestedScroll(View child) {
    helper.onStopNestedScroll(child);
    if (onTouchUpListener != null) {
      isfling = false;
      onTouchUpListener.touchUp();
    }
  }

  public boolean onNestedFling(View target, float velocityX, float velocityY, boolean consumed) {
    return isfling;
  }

  public boolean onNestedPreFling(View target, float velocityX, float velocityY) {
    return isfling;
  }

  public int getNestedScrollAxes() {
    return helper.getNestedScrollAxes();
  }

自定义recyclerview

既然是自己写的刷新加载框架,总不能还有自定义layout中在放个recyclerview。多麻烦,自定义一个,直接放在里面,然后分别放个header和footer 就没必要每次有页面用到刷新都要写一个布局。3个布局解决整个项目的刷新和加载。话不多说,代码如下:

  private class MyRecyclerView extends RecyclerView {
    private StaggeredGridLayoutManager staggeredGridLayoutManager = null;
    private LinearLayoutManager linearLayoutManager = null;
    private GridLayoutManager gridLayoutManager = null;
    private boolean isScrollLoad = false;
    private boolean isScrollRefresh = false;

    public MyRecyclerView(Context context) {
      super(context);
      setVerticalFadingEdgeEnabled(false);
      setHorizontalFadingEdgeEnabled(false);
      setVerticalScrollBarEnabled(false);
      setHorizontalScrollBarEnabled(false);
      setOverScrollMode(OVER_SCROLL_NEVER);
      setItemAnimator(new DefaultItemAnimator());
    }

    private void setMyLayoutManager(LayoutManager layoutManager) {
      if (layoutManager instanceof StaggeredGridLayoutManager) {
        staggeredGridLayoutManager = (StaggeredGridLayoutManager) layoutManager;
      } else if (layoutManager instanceof GridLayoutManager) {
        gridLayoutManager = (GridLayoutManager) layoutManager;
      } else if (layoutManager instanceof LinearLayoutManager) {
        linearLayoutManager = (LinearLayoutManager) layoutManager;
      }
      setLayoutManager(layoutManager);
      if (!isVertical()) {
        throw new NullPointerException("vertical!");
      }
    }

    private boolean isOrientation(int orientation) {//orientation,0代表向下,1代表向上
      if (orientation == 0)
        return isCanPullDown();
      else if (orientation == 1)
        return isCanPullUp();
      return false;
    }

    private boolean isCanPullDown() {
      return !canScrollVertically(-1);
    }

    private boolean isCanPullUp() {
      return !canScrollVertically(1);
    }

//    private int scrollLoad() {
//      int lastItem = 0;
//      int itemCount = 0;
//      int spanCount = 1;
//      if (staggeredGridLayoutManager != null) {
//        lastItem = staggeredGridLayoutManager.findLastVisibleItemPositions(null)[0];
//        itemCount = staggeredGridLayoutManager.getItemCount();
//        spanCount = staggeredGridLayoutManager.getSpanCount();
//      } else if (linearLayoutManager != null) {
//        lastItem = linearLayoutManager.findLastVisibleItemPosition();
//        itemCount = linearLayoutManager.getItemCount();
//        spanCount = 1;
//      } else if (gridLayoutManager != null) {
//        lastItem = gridLayoutManager.findLastVisibleItemPosition();
//        itemCount = gridLayoutManager.getItemCount();
//        spanCount = gridLayoutManager.getSpanCount();
//      }
//      return ((itemCount - 1) / spanCount + 1) - (lastItem / spanCount + 1);
//    }

    private boolean isVertical() {
      if (staggeredGridLayoutManager != null)
        return staggeredGridLayoutManager.getOrientation() == StaggeredGridLayoutManager.VERTICAL;
      else if (linearLayoutManager != null)
        return linearLayoutManager.getOrientation() == LinearLayoutManager.VERTICAL;
      else if (gridLayoutManager != null)
        return gridLayoutManager.getOrientation() == GridLayoutManager.VERTICAL;
      return false;
    }

//    public void onScrolled(int dx, int dy) {
//      if (dy > 0 && !isScrollLoad) {
//        if (oLior != null) {
//          onScrollListener.scrollLoad(sc````````
`
``
llLoad());//传递滚动到倒数第几行
//        }
//      }
//    }
  }

这样我们变实现了自己的刷新加载框架,代码我已上传:SWPullRecyclerLayout_jb51.rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • android下拉刷新ListView的介绍和实现代码

    大致上,我们发现,下拉刷新的列表和一般列表的区别是,当滚动条在顶端的时候,再往下拉动就会把整个列表拉下来,显示出松开刷新的提示.由此可以看出,在构建这个下拉刷新的组件的时候,只用继承ListView,然后重写onTouchEvent就能实现.还有就是要能在xml布局文件中引用,还需要一个参数为Context,AttributeSet的构造函数. 表面上的功能大概就这些了.另一方面,刷新的行为似乎还没有定义,在刷新前做什么,刷新时要做什么,刷新完成后要做什么,这些行为写入一个接口中,然后让组件去实

  • Android下拉刷新上拉加载控件(适用于所有View)

    前面写过一篇关于下拉刷新控件的文章下拉刷新控件终结者:PullToRefreshLayout,后来看到好多人还有上拉加载更多的需求,于是就在前面下拉刷新控件的基础上进行了改进,加了上拉加载的功能.不仅如此,我已经把它改成了对所有View都通用!可以随心所欲使用这两个功能~~ 我做了一个大集合的demo,实现了ListView.GridView.ExpandableListView.ScrollView.WebView.ImageView.TextView的下拉刷新和上拉加载.后面会提供demo的

  • android开发教程之实现listview下拉刷新和上拉刷新效果

    复制代码 代码如下: public class PullToLoadListView extends ListView implements OnScrollListener { private static final String TAG = PullToLoadListView.class.getSimpleName(); private static final int STATE_NON = 0; private static final int STATE_PULL_TO_REFRE

  • android中ListView数据刷新时的同步方法

    本文实例讲述了android中ListView数据刷新时的同步方法.分享给大家供大家参考.具体实现方法如下: public class Main extends BaseActivity { private static final String TAG = "tag"; private static final int STATUS_CHANGE = 0; ExpandableListView mElv; ArrayList<GroupInfo> mGroupArray;

  • Android RecyclerView实现下拉刷新和上拉加载

    RecyclerView已经出来很久了,许许多多的项目都开始从ListView转战RecyclerView,那么,上拉加载和下拉刷新是一件很有必要的事情. 在ListView上,我们可以通过自己添加addHeadView和addFootView去添加头布局和底部局实现自定义的上拉和下拉,或者使用一些第三方库来简单的集成,例如Android-pulltorefresh或者android-Ultra-Pull-to-Refresh,后者的自定义更强,但需要自己实现上拉加载. 而在下面我们将用两种方式

  • Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能(附源码)

    最近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在网上直接找一个现成的,可是尝试了网上多个版本的下拉刷新之后发现效果都不怎么理想.有些是因为功能不完整或有Bug,有些是因为使用起来太复杂,十全十美的还真没找到.因此我也是放弃了在网上找现成代码的想法,自己花功夫编写了一种非常简单的下拉刷新实现方案,现在拿出来和大家分享一下.相信在阅读完本篇文章之后,大家都可以在自己的项目中一分钟引入下拉刷新功能. 首先讲一下实现原理.这里我们将采取的方案是使用组合View的方式,先自定义一个布局

  • Android中刷新界面的二种方法

    Android提供了Invalidate方法实现界面刷新,但是Invalidate不能直接在线程中调用,因为他是违背了单线程模型:Android UI操作并不是线程安全的,并且这些操作必须在UI线程中调用. Android界面刷新方法有两种,分别是利用Handler和利用postInvalidate()来实现在线程中刷新界面. 利用Handler刷新界面 实例化一个Handler对象,并重写handleMessage方法调用invalidate()实现界面刷新:而在线程中通过sendMessag

  • Android开发之ListView实现Item局部刷新

    对于android中的ListView刷新机制,大多数的程序员都是很熟悉的,修改或者添加adapter中的数据源之后,然后调用notifyDataSetChanged()刷新ListView.在这种模式下,我们会在getView中,根据不同的数据源,让控件显示不同的内容.这种模式是最常见的刷新模式,当我们来回滑动ListView的时候,调用adapter的getView方法,然后listview对adapter返回的View进行绘制.这种模式下,View的显示内容或状态都记录在adapter里面

  • Android新浪微博下拉刷新(最新消息显示在最上面)

    查看最新消息要用到类似新浪微博下拉刷新 功能!把最新的消息显示在最上面! 代码如下: PullToRefreshListView类代码 复制代码 代码如下: package com.markupartist.android.widget; import java.util.Date; import com.markupartist.android.example.pulltorefresh.R; import android.content.Context; import android.uti

  • Android中使用RecyclerView实现下拉刷新和上拉加载

    推荐阅读:使用RecyclerView添加Header和Footer的方法                       RecyclerView的使用之HelloWorld RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好.本文给大家介绍如何为RecyclerView添加下拉刷新和上拉加载,过去在ListView当中添加下拉刷新和上拉加载是非常方便的利用addHeaderView和addFooterVie

随机推荐