Android自定义listview布局实现上拉加载下拉刷新功能

listview实现上拉加载以及下拉刷新的方式有很多。下面是我写的一种自定义的布局，复用性也比较的强。首先就是继承的listview的自定义view。

     autolistview.java:

package com.example.mic.testdemo.view; 
import android.annotation.targetapi; 
import android.content.context; 
import android.os.build; 
import android.os.bundle; 
import android.util.attributeset; 
import android.util.log; 
import android.view.layoutinflater; 
import android.view.motionevent; 
import android.view.view; 
import android.view.viewgroup; 
import android.view.animation.animation; 
import android.view.animation.linearinterpolator; 
import android.view.animation.rotateanimation; 
import android.widget.abslistview; 
import android.widget.imageview; 
import android.widget.listview; 
import android.widget.progressbar; 
import android.widget.textview; 
import com.example.mic.testdemo.r; 
import java.text.simpledateformat; 
/** 
 * created by dflenovo on 2016/8/3. 
 */ 
public class autolistview extends listview implements abslistview.onscrolllistener { 
  public static final string footer = "footer"; 
  public static final string header = "header"; 
  private static final int pull = 1; 
  private static final int none = 0; 
  //  private static final int release = 2; 
  private static final int refreshing = 2; 
  private static final int space = 20; 
  private static final string tag = "autolistview"; 
  private rotateanimation downanimation; 
  private rotateanimation upanimation; 
  private context context; 
  private layoutinflater inflater; 
  private view footer; 
  private view header; 
  private int headercontentinitialheight; 
  private int headercontentheight; 
  private onrefreshlistener onrefreshlistener; 
  private boolean loadenable; 
  private onloadlistener onloadlistener; 
  private int firstvisibleitem; 
  private boolean isloadingmore = false; 
  private int starty; 
  private int state; 
  private imageview iv_pull; 
  private int footerviewheight; 
  private progressbar mprogressbar; 
  private textview tvstate; 
  private textview tvlastupdatetime; 
  private boolean isscrolltobottom; 
  public autolistview(context context) { 
    super(context); 
    initview(context); 
  } 
  public autolistview(context context, attributeset attrs) { 
    super(context, attrs); 
    initview(context); 
  } 
  public autolistview(context context, attributeset attrs, int defstyleattr) { 
    super(context, attrs, defstyleattr); 
    initview(context); 
  } 
  @targetapi(build.version_codes.lollipop) 
  public autolistview(context context, attributeset attrs, int defstyleattr, int defstyleres) { 
    super(context, attrs, defstyleattr, defstyleres); 
    initview(context); 
  } 
  private void initview(context context) { 
    initheaderview(); 
    initfooterview(); 
    this.setonscrolllistener(this); 
// 
  } 
  private void initheaderview() { 
    header = view.inflate(getcontext(), r.layout.pull_to_refresh_header, null); 
    iv_pull = (imageview) header 
        .findviewbyid(r.id.iv_pull); 
    mprogressbar = (progressbar) header 
        .findviewbyid(r.id.pb_listview_header); 
    tvstate = (textview) header 
        .findviewbyid(r.id.tv_listview_header_state); 
    tvlastupdatetime = (textview) header 
        .findviewbyid(r.id.tv_listview_header_last_update_time); 
    // 设置最后刷新时间 
    tvlastupdatetime.settext("最后刷新时间: " + getlastupdatetime()); 
    header.measure(0, 0); // 系统会帮我们测量出headerview的高度 
    headercontentheight = header.getmeasuredheight(); 
    header.setpadding(0, -headercontentheight, 0, 0); 
    this.addheaderview(header,header,true); // 向listview的顶部添加一个view对象 
    initanimation(); 
  } 
  private void initanimation() { 
    upanimation = new rotateanimation(0f, -180f, 
        animation.relative_to_self, 0.5f, animation.relative_to_self, 
        0.5f); 
    upanimation.setduration(500); 
    upanimation.setfillafter(true); // 动画结束后, 停留在结束的位置上 
    downanimation = new rotateanimation(-180f, -360f, 
        animation.relative_to_self, 0.5f, animation.relative_to_self, 
        0.5f); 
    downanimation.setduration(500); 
    downanimation.setfillafter(true); // 动画结束后, 停留在结束的位置上 
  } 
  private string getlastupdatetime() { 
    simpledateformat sdf = new simpledateformat("yyyy-mm-dd hh:mm:ss"); 
    return sdf.format(system.currenttimemillis()); 
  } 
  private void initfooterview() { 
    footer = view.inflate(getcontext(), r.layout.foot_view, null); 
    footer.measure(0, 0); 
    footerviewheight = footer.getmeasuredheight(); 
    footer.setpadding(0, -footerviewheight, 0, 0); 
    this.addfooterview(footer,footer,true); 
  } 
  private void measureview(view child) { 
    viewgroup.layoutparams p = child.getlayoutparams(); 
    if (p == null) { 
      p = new viewgroup.layoutparams(viewgroup.layoutparams.match_parent, 
          viewgroup.layoutparams.wrap_content); 
    } 
    int childwidthspec = viewgroup.getchildmeasurespec(0, 0 + 0, p.width); 
    int lpheight = p.height; 
    int childheightspec; 
    if (lpheight > 0) { 
      childheightspec = measurespec.makemeasurespec(lpheight, 
          measurespec.exactly);//得到的是size。 
    } else { 
      childheightspec = measurespec.makemeasurespec(0, 
          measurespec.unspecified);//得到的是子布局的实际大小。 
    } 
    child.measure(childwidthspec, childheightspec); 
  } 
  private void toppadding(int toppadding) { 
    header.setpadding(header.getpaddingleft(), toppadding, 
        header.getpaddingright(), header.getpaddingbottom()); 
    header.invalidate(); 
  } 
  @override 
  public void onscrollstatechanged(abslistview abslistview, int i) { 
    if (i == scroll_state_idle 
        || i == scroll_state_fling) { 
      // 判断当前是否已经到了底部 
      if (isscrolltobottom && !isloadingmore) { 
        isloadingmore = true; 
        // 当前到底部 
        log.i(tag, "加载更多数据"); 
        footer.setpadding(0, 0, 0, 0); 
        this.setselection(this.getcount()); 
        if (onloadlistener != null) { 
          onloadlistener.onload(); 
        } 
      } 
    } 
  } 
  @override 
  public void onscroll(abslistview abslistview, int i, int i1, int i2) { 
    this.firstvisibleitem = i; 
    if (getlastvisibleposition() == (i2 - 1)) { 
      isscrolltobottom = true; 
    } else { 
      isscrolltobottom = false; 
    } 
  } 
  @override 
  public boolean ontouchevent(motionevent ev) { 
    switch (ev.getaction()) { 
// 
      case motionevent.action_down: 
        starty = (int) ev.gety(); 
        break; 
      case motionevent.action_move: 
        int movey = (int) ev.gety(); 
        // 移动中的y - 按下的y = 间距. 
        int diff = (movey - starty) / 2; 
        // -头布局的高度 + 间距 = paddingtop 
        int paddingtop = -headercontentheight + diff; 
        // 如果: -头布局的高度 > paddingtop的值 执行super.ontouchevent(ev); 
        if (firstvisibleitem == 0 
            && -headercontentheight < paddingtop) { 
          if (paddingtop > 0 && state == none) { // 完全显示了. 
            log.i(tag, "松开刷新"); 
            state = pull; 
            refreshheaderviewbystate(); 
          } else if (paddingtop < 0 
              && state == pull) { // 没有显示完全 
            log.i(tag, "下拉刷新"); 
            state = none; 
            refreshheaderviewbystate(); 
          } 
          // 下拉头布局 
          header.setpadding(0, paddingtop, 0, 0); 
        } 
        break; 
      case motionevent.action_up: 
        // 判断当前的状态是松开刷新还是下拉刷新 
        if (state == pull) { 
          log.i(tag, "刷新数据."); 
          // 把头布局设置为完全显示状态 
          header.setpadding(0, 0, 0, 0); 
          // 进入到正在刷新中状态 
          state = refreshing; 
          refreshheaderviewbystate(); 
          if (onrefreshlistener != null) { 
            onrefreshlistener.onrefresh(); // 调用使用者的监听方法 
          } 
        } else if (state == none) { 
          // 隐藏头布局 
          header.setpadding(0, -headercontentheight, 0, 0); 
        } 
        break; 
      default: 
        break; 
    } 
    return super.ontouchevent(ev); 
  } 
// 
  private void refreshheaderviewbystate() { 
    switch (state) { 
// 
      case none: // 下拉刷新状态 
        tvstate.settext("下拉刷新"); 
        iv_pull.startanimation(downanimation); // 执行向下旋转 
        break; 
      case pull: // 松开刷新状态 
        tvstate.settext("松开刷新"); 
        iv_pull.startanimation(upanimation); // 执行向上旋转 
        break; 
      case refreshing: // 正在刷新中状态 
        iv_pull.clearanimation(); 
        iv_pull.setvisibility(view.gone); 
        mprogressbar.setvisibility(view.visible); 
        tvstate.settext("正在刷新中..."); 
        break; 
      default: 
        break; 
    } 
  } 
  public void hideheaderview() { 
    header.setpadding(0, -headercontentheight, 0, 0); 
    iv_pull.setvisibility(view.visible); 
    mprogressbar.setvisibility(view.gone); 
    tvstate.settext("下拉刷新"); 
    tvlastupdatetime.settext("最后刷新时间: " + getlastupdatetime()); 
    state = none; 
  } 
  public void hidefooterview() { 
    footer.setpadding(0, -footerviewheight, 0, 0); 
    isloadingmore = false; 
  } 
  public void setonrefreshlistener(onrefreshlistener onrefreshlistener) { 
    this.onrefreshlistener = onrefreshlistener; 
  } 
  public void setonloadlistener(onloadlistener onloadlistener) { 
    this.onloadlistener = onloadlistener; 
  } 
  public void onrefresh() { 
    if (onrefreshlistener != null) { 
      onrefreshlistener.onrefresh(); 
    } 
  } 
  public void onload() { 
    if (onloadlistener != null) { 
      onloadlistener.onload(); 
    } 
  } 
  public interface onrefreshlistener {//定义下拉刷新接口 
    public void onrefresh(); 
  } 
  public interface onloadlistener {//定义上拉加载更多 
    public void onload(); 
  } 
} 

        上面的代码就是实现的关键.下面是头布局以及脚布局:

foot_view.xml:

<?xml version="1.0" encoding="utf-8"?> 
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content"> 
  <textview 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="加载更多" 
    android:textsize="20dp" 
    android:padding="10dp" 
    android:layout_centerhorizontal="true"/> 
</relativelayout> 

pull_to_refresh_header.xml:

<?xml version="1.0" encoding="utf-8"?> 
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:orientation="horizontal"> 
  <framelayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_margin="10dip" > 
    <imageview 
      android:id="@+id/iv_pull" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:minwidth="30dip" 
      android:src="@mipmap/xlistview_arrow" /> 
    <progressbar 
      android:id="@+id/pb_listview_header" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center" 
      android:visibility="gone" /> 
  </framelayout> 
  <linearlayout 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center_vertical" 
    android:gravity="center_horizontal" 
    android:orientation="vertical" > 
    <textview 
      android:id="@+id/tv_listview_header_state" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="下拉刷新" 
      android:textcolor="#ff0000" 
      android:textsize="18sp" /> 
    <textview 
      android:id="@+id/tv_listview_header_last_update_time" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_margintop="5dip" 
      android:text="最后刷新时间: 2014-10-10 12:56:12" 
      android:textcolor="@android:color/black" 
      android:textsize="14sp" /> 
  </linearlayout> 
</linearlayout> 

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?> 
<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:id="@+id/activity_main" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:paddingbottom="@dimen/activity_vertical_margin" 
  android:paddingleft="@dimen/activity_horizontal_margin" 
  android:paddingright="@dimen/activity_horizontal_margin"  android:paddingtop="@dimen/activity_vertical_margin" tools:context="com.example.mic.testdemo.mainactivity">       <com.example.mic.testdemo.view.autolistview 
        android:id="@+id/lv" 
        android:layout_width="match_parent" 
       android:layout_height="match_parent"> 
      </com.example.mic.testdemo.view.autolistview> 
</relativelayout> 

      上面所完成的步骤就是在listview上下加载不同的布局,上面也是要复用的代码,下面的代码就是怎么使用的代码了.

mainactivity.java：

public class mainactivity extends appcompatactivity implements autolistview.onloadlistener,autolistview.onrefreshlistener { 
  private textview textview; 
  private string result; 
  private autolistview listview; 
  private myadater adater; 
  @override 
  protected void oncreate(bundle savedinstancestate) { 
    super.oncreate(savedinstancestate); 
    setcontentview(r.layout.activity_main); 
    listview = (autolistview) findviewbyid(r.id.lv);} 
listview.setonrefreshlistener(mainactivity.this); 
listview.setonloadlistener(mainactivity.this); 
@override 
  public void onload() { 
  } 
  @override 
  public void onrefresh() {} 

下面就是实现，就是在你需要的地方设置监听，以及上面加载以及刷新需要的操作就可以了！

以上所述是小编给大家介绍的android自定义listview布局实现上拉加载下拉刷新功能，希望对大家有所帮助