android中SwipeRefresh实现各种上拉，下拉刷新示例

swiperefresh

基于原生的swiperefreshlayout 做了封装处理

此项目中包括种：

1.原生swiperefreshlayout（上拉可通过滚动监听实现）

2.自定义支持上拉刷新的组件

3.自定义支持viewpage的刷新组件vpswiperefreshlayout

4.recyclerview+swpierefreshlayout实现下拉刷新效果同时实现上拉功能

主界面

1.原生swiperefreshlayout（上拉可通过滚动监听实现）

除了onrefreshlistener接口外，swiprefreshlayout中还有一些其他重要的方法，具体如下：

1、setonrefreshlistener(swiperefreshlayout.onrefreshlistener listener):设置手势滑动监听器。

 2、setprogressbackgroundcolor(int colorres):设置进度圈的背景色（已经弃用）

setprogressbackgroundcolorschemeresource （可以）。

setprogressbackgroundcolorschemecolor（color c） (可以)

3、setcolorschemeresources(int… colorresids):设置进度动画的颜色。

4、setrefreshing(boolean refreshing):设置组件的刷洗状态，显示或者隐藏刷新进度条

5、setsize(int size):设置进度圈的大小，只有两个值：default、large

6、postdelayed(new runable(),long min) 设置刷新延迟时间

7、isrefreshing():检查是否处于刷新状态

下拉刷新

布局，具体内容如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.swiperefreshlayout 
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:id="@+id/swipelayout" >

  <listview 
    android:id="@+id/mylist"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

</android.support.v4.widget.swiperefreshlayout>

activity核心代码如下：

swiperefreshlayout = (swiperefreshlayout)findviewbyid(r.id.swipelayout);
 /*加载的渐变动画*/
    swiperefreshlayout.setcolorschemeresources(r.color.swipe_color_1,
        r.color.swipe_color_2,
        r.color.swipe_color_3,
        r.color.swipe_color_4);
    swiperefreshlayout.setsize(swiperefreshlayout.large);;
    swiperefreshlayout.setprogressbackgroundcolor(r.color.swipe_background_color);
    //swiperefreshlayout.setpadding(20, 20, 20, 20);
    //swiperefreshlayout.setprogressviewoffset(true, 100, 200);
    //swiperefreshlayout.setdistancetotriggersync(50);
    swiperefreshlayout.setprogressviewendtarget(true, 100);
    swiperefreshlayout.setonrefreshlistener(new onrefreshlistener() {
      @override
      public void onrefresh() {
        new thread(new runnable() {
          @override
          public void run() {
            data.clear();
            for(int i=0;i<20;i++){
              data.add("swiperefreshlayout下拉刷新"+i);
            }
            try {
              thread.sleep(5000);
            } catch (interruptedexception e) {
              e.printstacktrace();
            }
            mhandler.sendemptymessage(1);
          }
        }).start();
      }
    });
  //handler
  private handler mhandler = new handler(){
    @override
    public void handlemessage(message msg) {
      super.handlemessage(msg);
      switch (msg.what) {
      case 1:

        swiperefreshlayout.setrefreshing(false);
        adapter.notifydatasetchanged();
        //swiperefreshlayout.setenabled(false);
        break;
      default:
        break;
      }
    }
  };

原生实现上拉效果

通过监听滚动事件，对listview添加底部的组件实现上拉

 

implements abslistview.onscrolllistener {···


 ···
 /**
     * 对listview添加底部的组件实现上拉
     */
    footerview = getlayoutinflater().inflate(r.layout.refresh_footview_layout, null);
    lv.addfooterview(footerview);
 /**
     * 设置滚动监听
     */
  lv.setonscrolllistener(this);

  /**
   * 重写滚动方法
   * @param view
   * @param scrollstate
   */
  @override
  public void onscrollstatechanged(abslistview view, int scrollstate) {
    if (adapter.getcount() == visiblelastindex && scrollstate == scroll_state_idle) {
      toast.maketext(this, "加载更多完成", toast.length_short).show();
      footerview.setvisibility(view.gone);
      /*在此处加载更多数据*/
//      new loaddatathread().start();
    }else {
      footerview.setvisibility(view.visible);
//      toast.maketext(this, "加载更多...", toast.length_short).show();
    }

  }

2.自定义支持上拉刷新的组件

上拉刷新

实现下拉和上拉监听

···appcompatactivity implements swiperefreshlayout.onrefreshlistener,
    refreshlayout.onloadlistener {
    ···

下拉和原先一样用法：

 //下拉监听
    swipelayout.setonrefreshlistener(this);
    //上拉监听
    swipelayout.setonloadlistener(this);

     /**
   * 上拉刷新
   */
  @override
  public void onrefresh() {
    swipelayout.postdelayed(new runnable() {

      @override
      public void run() {
        // 更新数据 更新完后调用该方法结束刷新
        list.clear();
        for (int i = 0; i < 8; i++) {
          hashmap<string, string> map = new hashmap<string, string>();
          map.put("itemimage", i + "刷新");
          map.put("itemtext", i + "刷新");
          list.add(map);
        }
        adapter.notifydatasetchanged();
        swipelayout.setrefreshing(false);
      }
    }, 2000);

  }

  /**
   * 加载更多
   */
  @override
  public void onload() {
    swipelayout.postdelayed(new runnable() {
      @override
      public void run() {
        // 更新数据 更新完后调用该方法结束刷新
        swipelayout.setloading(false);
        for (int i = 1; i < 10; i++) {
          hashmap<string, string> map = new hashmap<string, string>();
          map.put("itemimage", i + "更多");
          map.put("itemtext", i + "更多");
          list.add(map);
        }
        adapter.notifydatasetchanged();
      }
    }, 2000);
  }

自定义组件如下：

/**
 * created by huangshuyuan on 2017/3/9.
 * email:[e-mail]
 * version:v1.0
 * <p>
 * 自定义view
 */

/**
 * 继承自swiperefreshlayout,从而实现滑动到底部时上拉加载更多的功能.
 */
public class refreshlayout extends swiperefreshlayout implements
    onscrolllistener {
  /**
   * 滑动到最下面时的上拉操作
   */

  private int mtouchslop;
  /**
   * listview实例
   */
  private listview mlistview;

  /**
   * 上拉监听器, 到了最底部的上拉加载操作
   */
  private onloadlistener monloadlistener;

  /**
   * listview的加载中footer
   */
  private view mlistviewfooter;

  /**
   * 按下时的y坐标
   */
  private int mydown;
  /**
   * 抬起时的y坐标, 与mydown一起用于滑动到底部时判断是上拉还是下拉
   */
  private int mlasty;
  /**
   * 是否在加载中 ( 上拉加载更多 )
   */
  private boolean isloading = false;

  /**
   * @param context
   */
  public refreshlayout(context context) {
    this(context, null);
  }

  @suppresslint("inflateparams")
  public refreshlayout(context context, attributeset attrs) {
    super(context, attrs);

    mtouchslop = viewconfiguration.get(context).getscaledtouchslop();

    mlistviewfooter = layoutinflater.from(context).inflate(
        r.layout.listview_footer, null, false);
  }

  @override
  protected void onlayout(boolean changed, int left, int top, int right,
              int bottom) {
    super.onlayout(changed, left, top, right, bottom);
    // 初始化listview对象
    if (mlistview == null) {
      getlistview();
    }
  }

  /**
   * 获取listview对象
   */
  private void getlistview() {
    int childs = getchildcount();
    if (childs > 0) {
      view childview = getchildat(0);
      if (childview instanceof listview) {
        mlistview = (listview) childview;
        // 设置滚动监听器给listview, 使得滚动的情况下也可以自动加载
        mlistview.setonscrolllistener(this);
        log.d(view_log_tag, "### 找到listview");
      }
    }
  }

  /*
   * (non-javadoc)
   *
   * @see android.view.viewgroup#dispatchtouchevent(android.view.motionevent)
   */
  @override
  public boolean dispatchtouchevent(motionevent event) {
    final int action = event.getaction();

    switch (action) {
      case motionevent.action_down:
        // 按下
        mydown = (int) event.getrawy();
        break;

      case motionevent.action_move:
        // 移动
        mlasty = (int) event.getrawy();
        break;

      case motionevent.action_up:
        // 抬起
        if (canload()) {
          loaddata();
        }
        break;
      default:
        break;
    }

    return super.dispatchtouchevent(event);
  }

  /**
   * 是否可以加载更多, 条件是到了最底部, listview不在加载中, 且为上拉操作.
   *
   * @return
   */
  private boolean canload() {
    return isbottom() && !isloading && ispullup();
  }

  /**
   * 判断是否到了最底部
   */
  private boolean isbottom() {

    if (mlistview != null && mlistview.getadapter() != null) {
      return mlistview.getlastvisibleposition() == (mlistview
          .getadapter().getcount() - 1);
    }
    return false;
  }

  /**
   * 是否是上拉操作
   *
   * @return
   */
  private boolean ispullup() {
    return (mydown - mlasty) >= mtouchslop;
  }

  /**
   * 如果到了最底部,而且是上拉操作.那么执行onload方法
   */
  private void loaddata() {
    if (monloadlistener != null) {
      // 设置状态
      setloading(true);
      //
      monloadlistener.onload();
    }
  }

  /**
   * @param loading
   */
  public void setloading(boolean loading) {
    isloading = loading;
    if (isloading) {
      mlistview.addfooterview(mlistviewfooter);
    } else {
      mlistview.removefooterview(mlistviewfooter);
      mydown = 0;
      mlasty = 0;
    }
  }

  /**
   * @param loadlistener
   */
  public void setonloadlistener(onloadlistener loadlistener) {
    monloadlistener = loadlistener;
  }

  @override
  public void onscrollstatechanged(abslistview view, int scrollstate) {

  }

  @override
  public void onscroll(abslistview view, int firstvisibleitem,
             int visibleitemcount, int totalitemcount) {
    // 滚动时到了最底部也可以加载更多
    if (canload()) {
      loaddata();
    }
  }

  /**
   * 设置刷新
   */
  public static void setrefreshing(swiperefreshlayout refreshlayout,
                   boolean refreshing, boolean notify) {
    class<? extends swiperefreshlayout> refreshlayoutclass = refreshlayout
        .getclass();
    if (refreshlayoutclass != null) {

      try {
        method setrefreshing = refreshlayoutclass.getdeclaredmethod(
            "setrefreshing", boolean.class, boolean.class);
        setrefreshing.setaccessible(true);
        setrefreshing.invoke(refreshlayout, refreshing, notify);
      } catch (nosuchmethodexception e) {
        e.printstacktrace();
      } catch (illegalaccessexception e) {
        e.printstacktrace();
      } catch (invocationtargetexception e) {
        e.printstacktrace();
      }
    }
  }

  /**
   * 加载更多的监听器
   */
  public static interface onloadlistener {
    public void onload();
  }
}

3.自定义支持viewpage的刷新组件vpswiperefreshlayout

支持viewpager刷新

原生swiperefreshlayout会存在以下问题：

1、 swiperefreshlayout会吃掉viewpager的滑动事件。

2、 swiperefreshlayout需要套在scrollview和listview上的时候才表现的比较友好，在其他viewgroup上有点问题

重写后的swiperefreshlayout，直接复制到项目就可以使用了。

public class vpswiperefreshlayout extends swiperefreshlayout {

private float starty;
private float startx;
// 记录viewpager是否拖拽的标记
private boolean misvpdragger;
private final int mtouchslop;

public vpswiperefreshlayout(context context, attributeset attrs) {
super(context, attrs);
mtouchslop = viewconfiguration.get(context).getscaledtouchslop();
}

@override
public boolean onintercepttouchevent(motionevent ev) {
int action = ev.getaction();
switch (action) {
case motionevent.action_down:
// 记录手指按下的位置
starty = ev.gety();
startx = ev.getx();
// 初始化标记
misvpdragger = false;
break;
case motionevent.action_move:
// 如果viewpager正在拖拽中，那么不拦截它的事件，直接return false；
if(misvpdragger) {
return false;
}

// 获取当前手指位置
float endy = ev.gety();
float endx = ev.getx();
float distancex = math.abs(endx - startx);
float distancey = math.abs(endy - starty);
// 如果x轴位移大于y轴位移，那么将事件交给viewpager处理。
if(distancex > mtouchslop && distancex > distancey) {
misvpdragger = true;
return false;
}
break;
case motionevent.action_up:
case motionevent.action_cancel:
// 初始化标记
misvpdragger = false;
break;
}
// 如果是y轴位移大于x轴，事件交给swiperefreshlayout处理。
return super.onintercepttouchevent(ev);
}
}

4.recyclerview+swpierefreshlayout实现下拉刷新效果同时实现上拉功能

recyclerview+swpierefreshlayout

recyclerview实现的列表，默认情况下面是不带下拉刷新和上拉记载更多效果的，但是我在我们的实际项目当中，为了提高用户体验，这种效果一般都需要实现

swiperefreshlayout本身自带下拉刷新的效果，那么我们可以选择在recyclerview布局外部嵌套一层swiperefreshlayout布局即可，具体布局文件如下:

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/activity_recycle_view_refresh"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"

  tools:context="com.hsy.refresh.ui.recycleviewrefreshactivity">

  <include
    layout="@layout/common_top_bar_layout"
    android:visibility="gone" />

  <android.support.v4.widget.swiperefreshlayout
    android:id="@+id/demo_swiperefreshlayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scrollbars="vertical">

    <android.support.v7.widget.recyclerview
      android:id="@+id/demo_recycler"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">

    </android.support.v7.widget.recyclerview>
  </android.support.v4.widget.swiperefreshlayout>
</linearlayout>

在activity中引用这个布局并初始化

 @override
  protected void oncreate(bundle savedinstancestate) {
    //去除系统标题
    this.requestwindowfeature(window.feature_no_title);
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_recycle_view_refresh);
    butterknife.bind(this);

    initview();
  }

  /*recyclerview 管理器*/
  private linearlayoutmanager linearlayoutmanager;
  myrecyclerviewadapter adapter;
  private int lastvisibleitem;//记录滚动位置


  /**
   * 初始化组件
   */
  private void initview() {
        topbartitle.settext("recyclerview 刷新");

    //设置刷新时动画的颜色，可以设置4个
    swiperefreshlayout.setprogressbackgroundcolorschemeresource(android.r.color.white);
    swiperefreshlayout.setcolorschemeresources(android.r.color.holo_blue_light,
        android.r.color.holo_red_light, android.r.color.holo_orange_light,
        android.r.color.holo_green_light);
    // 这句话是为了，第一次进入页面的时候显示加载进度条
    swiperefreshlayout.setprogressviewoffset(false, 0, (int) typedvalue
        .applydimension(typedvalue.complex_unit_dip, 24, getresources()
            .getdisplaymetrics()));


    //设置竖直方向
    linearlayoutmanager = new linearlayoutmanager(this);
    linearlayoutmanager.setorientation(orientationhelper.vertical);
    //设置管理器
    recylerview.setlayoutmanager(linearlayoutmanager);
    //添加分隔线
    recylerview.additemdecoration(new advancedecoration(this, orientationhelper.vertical));

    recylerview.setadapter(adapter = new myrecyclerviewadapter(this));
    /*实现下拉*/

    swiperefreshlayout.setonrefreshlistener(new swiperefreshlayout.onrefreshlistener() {
      @override
      public void onrefresh() {
        new handler().postdelayed(new runnable() {
          @override
          public void run() {
            list<string> newdatas = new arraylist<string>();
            for (int i = 0; i < 5; i++) {
              int index = i + 1;
              newdatas.add("new item" + index);
            }
            adapter.additem(newdatas);/*添加数据*/
            swiperefreshlayout.setrefreshing(false);
            toast.maketext(recycleviewrefreshactivity.this, "更新了五条数据...", toast.length_short).show();
          }
        }, 3000);
      }
    });

    /**
     * 添加滚动监听，实现上拉刷新
     */

    recylerview.setonscrolllistener(new recyclerview.onscrolllistener() {
      @override
      public void onscrollstatechanged(recyclerview recyclerview, int newstate) {
        super.onscrollstatechanged(recyclerview, newstate);
        //当滚动到底部时刷新数据
        if (newstate == recyclerview.scroll_state_idle && lastvisibleitem + 1 == adapter.getitemcount()) {
          new handler().postdelayed(new runnable() {
            @override
            public void run() {
              list<string> newdatas = new arraylist<string>();
              for (int i = 0; i < 5; i++) {
                int index = i + 1;
                newdatas.add("more item" + index);
              }
              adapter.addmoreitem(newdatas);
              swiperefreshlayout.setrefreshing(false);

            }
          }, 1000);
        }
      }

      @override
      public void onscrolled(recyclerview recyclerview, int dx, int dy) {
        super.onscrolled(recyclerview, dx, dy);
        //获取滚动的最后位置
        lastvisibleitem = linearlayoutmanager.findlastvisibleitemposition();
      }
    });

  }

实现下拉刷新用swiperefreshlayout 自带的进度条， 上拉刷新用类似listview的刷新 提示“加载中”等信息。

我们可以给recyclerview 也添加一个类似footerview的item。

我们在adapter中实现：

/**
   * recyclerview的适配器
   */

  class myrecyclerviewadapter extends recyclerview.adapter<myrecyclerviewadapter.viewholder> {//自定义viewhoder
    list<string> datas;
    context context;
    /*加载更多*/
    private static final int type_item = 0;
    private static final int type_footer = 1;

    public myrecyclerviewadapter(context context) {
      this.context = context;

      /*初始化数据*/
      this.datas = new arraylist<string>();
      for (int i = 0; i < 20; i++) {
        int index = i + 1;
        datas.add("item" + index);
      }
      /*additem(datas);*/
    }

    //自定义的viewholder，持有每个item的的所有界面元素
    public class viewholder extends recyclerview.viewholder {

      public viewholder(view view) {
        super(view);
      }
    }


    //自定义的viewholder，持有每个item的的所有界面元素
    public class itemviewholder extends viewholder {
      public textview item_tv;

      public itemviewholder(view view) {
        super(view);
        item_tv = (textview) view.findviewbyid(r.id.text);
      }
    }

    /**
     * 底部view
     */

    class footerviewholder extends viewholder {

      public footerviewholder(view view) {
        super(view);
      }

    }

    /**
     * 绑定布局文件
     *
     * @param parent
     * @param viewtype
     * @return
     */
    @override
    public viewholder oncreateviewholder(viewgroup parent, int viewtype) {
      if (viewtype == type_footer) {
        final view view = layoutinflater.from(context).inflate(r.layout.refresh_footview_layout, parent, false);
//        view.setlayoutparams(new recyclerview.layoutparams(recyclerview.layoutparams.match_parent,
//            recyclerview.layoutparams.wrap_content));
        footerviewholder viewholder = new footerviewholder(view);
        return viewholder;

      } else if (viewtype == type_item) {

        final view view = layoutinflater.from(context).inflate(r.layout.item_recycler_layout, parent, false);
        //这边可以做一些属性设置，甚至事件监听绑定
        //view.setbackgroundcolor(color.red);
        itemviewholder viewholder = new itemviewholder(view);
        return viewholder;
      }
      return null;
    }

    @override
    public void onbindviewholder(viewholder holder, int position) {
      if (holder instanceof itemviewholder) {
        //设置数据
        ((itemviewholder) holder).item_tv.settext(datas.get(position));
        ((itemviewholder) holder).item_tv.settag(position);
      }

    }

    /*返回每一项的类型*/
    @override
    public int getitemviewtype(int position) {
      // 最后一个item设置为footerview
      if (position + 1 == getitemcount()) {
        return type_footer;
      } else {
        return type_item;
      }
    }

    // recyclerview的count设置为数据总条数+ 1（footerview）
    @override
    public int getitemcount() {
      return datas.size() + 1;
    }

    //添加数据

    public void additem(list<string> newdatas) {
      //mtitles.add(position, data);
      //notifyiteminserted(position);
      newdatas.addall(datas);
      datas.removeall(datas);
      datas.addall(newdatas);
      notifydatasetchanged();
    }

    /**
     * 添加更多数据
     *
     * @param newdatas
     */

    public void addmoreitem(list<string> newdatas) {
      datas.addall(newdatas);
      adapter.notifydatasetchanged();
    }
  }

refresh_footview_layout

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center_horizontal">

  <progressbar
    android:id="@+id/progressbar"
    style="?android:attr/progressbarstylesmall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

  <textview
    android:id="@+id/textview2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/refresh_text" />
</linearlayout>

item_recycler_layout

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content">

  <textview
    android:id="@+id/text"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

</linearlayout>

项目源码：swiperefresh_jb51.rar

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