亲宝软件园·资讯

展开

listview下拉刷新 Android自定义控件ListView下拉刷新的代码

pigdreams 人气:0

ListView在实际实用中,一般都会有下新刷新和上拉加载的动态效果,今天要学的就是如何自定义带下拉刷新的ListView。

原理解析:一般将有下拉刷新的listview分成四种不同的状态来进行不同的显示效果。

实现步骤:

package com.hapzhu.customlv;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
public class CustomListview extends ListView {
  View headerView;
  int height;
  private TextView tvActionTip;
  private ImageView ivArrow;
  private ProgressBar pbRefreshing;
  final static int STATE_DONE = 1;
  final static int STATE_PULL = 2;
  final static int STATE_RELEASE = 3;
  final static int STATE_REFRESHING = 4;
  int currentState;
  int downY;
  public CustomListview(Context context, AttributeSet attrs) {
    super(context, attrs);
    headerView = View.inflate(context, R.layout.listview_header, null);
    this.addHeaderView(headerView);
    // 用setPadding方法设置Top的大小来把headerview隐藏掉
    // 不能用GetHeight方法来实现,因为这个方法只能用来测试可见的控件
    // 要用measureHeight的方法来实现测试,这个方法要先测试0,0的位置
    headerView.measure(0, 0);
    height = headerView.getMeasuredHeight();
    headerView.setPadding(0, -height, 0, 0);
    initView();
    // 设置第一个状态
    currentState = STATE_DONE;
  }
  private void initView() {
    tvActionTip = (TextView) headerView.findViewById(R.id.tv_state);
    ivArrow = (ImageView) headerView.findViewById(R.id.iv_arrow);
    pbRefreshing = (ProgressBar) headerView.findViewById(R.id.progressBar);
  }
  boolean isRefresh = false;
  @Override
  public boolean onTouchEvent(MotionEvent ev) {
    try {
      // 事件类型
      int action = ev.getAction();
      switch (action) {
      case MotionEvent.ACTION_DOWN:// 往下滑的手势
        if (currentState == STATE_DONE) {// 只有在完成状态时才会有业务动作
          // 触发下拉手势的Y坐标
          downY = (int) ev.getY();
          // 切换状态
          currentState = STATE_PULL;
        }
        break;
      case MotionEvent.ACTION_MOVE:// 正在拖动的手势
        if (currentState == STATE_PULL) {// 只有在下拉状态时才会有动作
          int currentY = (int) ev.getY();// 得到正在不断改变的当前Y坐标
          int top = currentY - downY - height;// 这个值是下拉时头部视图的高度显示,要慢慢变化
          headerView.setPadding(0, top, 0, 0);
          if (currentY - downY > height) {// 如果下拉的高度超过了头视图的高度,则改变状态
            currentState = STATE_RELEASE;
            tvActionTip.setText("松开刷新");
          }
        }
        break;
      case MotionEvent.ACTION_UP:
        if (currentState == STATE_RELEASE) {// 只有在释放状态时才进行刷新动作
          tvActionTip.setText("刷新中");// 改变文字 提示
          currentState = STATE_REFRESHING;// 改变状态,变为刷新状态
          ivArrow.setVisibility(GONE);// 箭头隐藏
          pbRefreshing.setVisibility(VISIBLE);// 进度条显示
          isRefresh = true;
          if(onRefreshListener!=null){
            //如果回调接口不为空,则进行更新的事务
            onRefreshListener.OnRefresh(this);
          }
        } else {
          if (!isRefresh) {
            // 如果当前的下拉距离小于高度时,再把头部视图隐藏
            headerView.setPadding(0, -height, 0, 0);
            // 一定要记得把状态改回去,不然会没法再次向下拉
            currentState = STATE_DONE;
          }
        }
        break;
      }
    } catch (Exception e) {
    }
    return super.onTouchEvent(ev);
  }
  // 1定义接口
  interface OnRefreshListener {
    // 在主程序中使用框架中的Custom来改变数据更新完之后的界面
    public void OnRefresh(CustomListview customLv);
  }
  // 2.申明接口
  OnRefreshListener onRefreshListener;
  // 3.传递接口
  public void setOnRefreshListener(OnRefreshListener onRefreshListener) {
    this.onRefreshListener = onRefreshListener;
  }
  public void refreshComplete(){
    isRefresh=false;
    //更新数据结果后,再回调这个方法
    headerView.setPadding(0, -height, 0, 0);
    // 一定要记得把状态改回去,不然会没法再次向下拉
    currentState = STATE_DONE;
    //将进度条设为不可见,将箭头设为可见,将文字改回去
    ivArrow.setVisibility(VISIBLE);// 箭头显示
    pbRefreshing.setVisibility(GONE);// 进度条隐去
    tvActionTip.setText("下拉刷新");// 改变文字 提示
  }
}

今天新学了UML图,于是就将这个状态图画出来了。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。如果你想了解更多相关内容请查看下面相关链接

加载全部内容

相关教程
猜你喜欢
用户评论