当前位置：极客教程 > Android > Android 教程 > Android 下拉刷新ListView

Android 下拉刷新ListView

PullToRefreshListView

原理：
拉刷新ListView无非就是对普通的List View添加一个HeaderView,然后通过对ListView onTouchEvent来获取当前下拉刷新的状态。然后去改变HeaderView的状态。

  1. 自定义ListView，在构造方法中去添加HeaderView
    通过ListView.addHeaderView()去添加HeaderView的时候，HeaderView会显示在屏幕的最初位置，我们需要它默认的时候是在屏幕的上方，这样默认时是不可见的，
    但是我们下拉ListView的时候，它就能够显示出来。这就要通过设置HeaderView的padding来实现它的隐藏。注意：View的显示最初要经过Measure测量宽高，
    我们在构造方法去添加的时候，该View可能并没有被测量，所以在获取HeaderView高度的时候会为0，这时候我们要手动的去测量一下HeaderView。

    /**
* 当前状态
*/
private State mState = State.ORIGNAL;

public PullToRefreshListView(Context context, AttributeSet attrs,
        int defStyle) {
    super(context, attrs, defStyle);
    initView(context);
}

public PullToRefreshListView(Context context, AttributeSet attrs) {
    super(context, attrs);
    initView(context);
}

public PullToRefreshListView(Context context) {
    super(context);
    initView(context);
}

private void initView(Context context) {
    LayoutInflater inflater = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

    mHeader = inflater.inflate(R.layout.pull_to_refresh_header, null);
    iv_arrow = (ImageView) mHeader.findViewById(R.id.iv_arrow);
    pb_refresh = (ProgressBar) mHeader.findViewById(R.id.pb_refresh);
    tv_title = (TextView) mHeader.findViewById(R.id.tv_title);
    tv_time = (TextView) mHeader.findViewById(R.id.tv_time);

    measureHeaderView(mHeader);

    mHeaderHeight = mHeader.getMeasuredHeight();
    // To make header view above the window, so use -mHeaderHeight.
    mHeader.setPadding(0, -mHeaderHeight, 0, 0);

    mHeader.invalidate();

    addHeaderView(mHeader);
}

/**
 * 下拉刷新所有的状态
 */
public enum State {
    ORIGNAL, PULL_TO_REFRESH, REFRESHING, RELEASE_TO_REFRESH;
}
  2. 重写onTouchEvent，来监听手指的下拉 
    public boolean onTouchEvent(MotionEvent ev) {
    int y = (int) ev.getRawY();
    int action = ev.getAction();
    switch (action) {
    case MotionEvent.ACTION_DOWN:
        //记录手指点下的位置
        downPositionY = y;
        break;
    case MotionEvent.ACTION_MOVE:
        //手指当前滑动的位置
        currentPositionY = y;
        //手指移动的距离，由于HeaderView高度固定，但是手指下拉的高度可以最大为屏幕的高度，如手指下拉屏幕高度时，HeaderView会很难看，
        // 所以我们让下拉的距离进行一个缩放。
        pullDistance = (currentPositionY - downPositionY) / RATIO;

        if (mState == State.REFRESHING) {
            break;
        } else if (mState == State.ORIGNAL && pullDistance > 0) {
            //如果现在处理起始的状态，并且距离大于0，就说明是下拉了，这时候状态需要变为下拉刷新的状态
            mState = State.PULL_TO_REFRESH;
            changeState();
        } else if (mState == State.PULL_TO_REFRESH
                && pullDistance > mHeaderHeight) {
            //当时为下拉刷新的状态，但是下拉的距离大于HeaderView的高度。这时状态要变为松手即可刷新
            mState = State.RELEASE_TO_REFRESH;
            changeState();
        } else if (mState == State.RELEASE_TO_REFRESH) {
        //释放刷新时有三种情况，一是我继续下啦，这时候不用管，因为继续下拉还是释放刷新。二是我手指往上移动，此时HeaderView不完全可见，
        // 这时候状态要改变为下拉刷新了。三是我手指上移的很厉害，导致HeaderView完全不可见了，这是状态要改变为起始状态。
            if (pullDistance < 0) {
                // 如果当时状态为松手刷新，但是这时候我并没有松手，而是直接将手指往上移动，移动回手指最先的位置，这时候状态要变为起始状态。
                mState = State.ORIGNAL;
                changeState();
            } else if (pullDistance < mHeaderHeight) {
                //手指上移，但是并没有移动到HeaderView完全不可见，这时候要将状态改变为下拉刷新
                mState = State.PULL_TO_REFRESH;
                isBack = true;
                changeState();
            }

        }

        //在移动的过程中不断的去改版Padding的值，控制其显示的大小
        if (mState != State.REFRESHING) {
            mHeader.setPadding(0, (int) (pullDistance - mHeaderHeight), 0,
                    0);
        }

        break;
    case MotionEvent.ACTION_UP:
        if (mState == State.REFRESHING) {
            //如果当前已经是正在刷新中了，再去下拉就不要处理了
            break;
        } else if (mState == State.PULL_TO_REFRESH) {
            //显现下拉刷新时，松手了，这时候要将其改为起始状态
            mState = State.ORIGNAL;
        } else if (mState == State.RELEASE_TO_REFRESH) {
            //松手刷新时松手了，这时候状态要变为正在刷新中。
            mState = State.REFRESHING;
        } else {
            break;
        }
        changeState();
        break;

    default:
        break;
    }

    return super.onTouchEvent(ev);
}
  3. 上面的写法仍有些问题。就是我们在onTouchEvent中Move里面对移动的距离进行了判断，但是ListView本身就是一个可以上下滑动的组件，
    如果我们直接这样判断，那ListView本上上下滑动的功能就被我们给抹去了。

    @Override
public boolean onTouchEvent(MotionEvent ev) {
    int y = (int) ev.getRawY();
    int action = ev.getAction();
    switch (action) {
    case MotionEvent.ACTION_DOWN:
        downPositionY = y;
        break;
    case MotionEvent.ACTION_MOVE:
        //一定要加上这句话，来判断当前是否可以下拉刷新
        if (!isCanPullToRefresh) {
            break;
        }
        .....
        break;

    而对于isCanPullToRefresh的判断是通过ListView.setOnScrollListener去进行判断当前第一个可见条目是不是ListView的第一个条目，
    只有第一个条目在最顶端位置的时候才可以进行下拉刷新。

    super.setOnScrollListener(new OnScrollListener() {

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {

        if (firstVisibleItem == 0) {
            isCanPullToRefresh = true;
        } else {
            isCanPullToRefresh = false;
        }
    }
});
  4. 提供刷新接口 
    public interface OnRefreshListener {
    abstract void onRefresh();
}
  5. ChangeState方法 
    /**
 * Change the state of header view when ListView in different state.
 */
private void changeState() {
    //在该方法中对mState进行判断，根据不同状态作出处理，并且去调用刷新方法
}

/**
 *数据刷新完成后需要调用此方法去恢复装填
 */
@SuppressWarnings("deprecation")
public void onRefreshComplete() {
    mState = State.ORIGNAL;
    changeState();
    tv_time.setText(getResources().getString(R.string.update_time)
            + new Date().toLocaleString());
}

LoadMoreListView

原理：
滑动到底部自动加载更多的ListView，无非就是通过对其滑动过程进行监听，一旦滑动到底部的时候我们就去加载新的数据。通过对ListView添加FooterView，
然后在不同的状态控制它的显示与隐藏。

  1. 自定义ListView的子类，在构造方法中去添加FooterView. 
    public class LoadMoreListView extends ListView {

public LoadMoreListView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    init(context);
}

public LoadMoreListView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context);
}

public LoadMoreListView(Context context) {
    super(context);
    init(context);
}

private void init(Context context) {
    mFooterView = View.inflate(context, R.layout.load_more_footer, null);
    addFooterView(mFooterView);
    hideFooterView();
}
  2. 监听滑动状态，通过setOnScrollListener即可实现对状态的监听。 
    private void init(Context context) {
    mFooterView = View.inflate(context, R.layout.load_more_footer, null);
    addFooterView(mFooterView);
    hideFooterView();
    //为了防止在使用时调用setOnScrollListener会覆盖此时设置的Listener，我们在此使用super.setOnScrollListenr()
    super.setOnScrollListener(superOnScrollListener);
}
  3. 在ScrollListener中去判断当前滑动的状态。从而依据不同的状态去控制FooterView的显示与隐藏。 
    private OnScrollListener superOnScrollListener = new OnScrollListener() {

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
        mCurrentScrollState = scrollState;
    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
        if (visibleItemCount == totalItemCount) {
            //此时说明当前ListView所有的条目比较少，不足一屏
            hideFooterView();
        } else if (!mIsLoading
                && (firstVisibleItem + visibleItemCount >= totalItemCount)
                && mCurrentScrollState != SCROLL_STATE_IDLE) {
            //当第一个可见的条目位置加上当前也所有可见的条目数 等于 ListView当前总的条目数时，就说明已经滑动到了底部，这时候就要去显示FooterView。
            showFooterView();
            mIsLoading = true;
            if (mOnLoadMoreListener != null) {
                mOnLoadMoreListener.onLoadMore();
            }
        }
    }
};
  4. 提供自动加载更多的接口。 
    public interface OnLoadMoreListener {
    /**
     * Load more data.
     */
    void onLoadMore();
}

在使用的时候，与ListView使用方法相同，只需调用setOnLoadMoreListener对其设置OnLoadMoreListener即可，然后在数据加载完成后调用onLoadComplete方法去恢复状态。

PullAndLoadMoreListView

将下拉刷新和自动加载更多进行整合。就不多说了

Python教程

Python 教程

Python 教程
Tkinter 教程

Tkinter 教程
Pandas 教程

Pandas 教程
NumPy 教程

NumPy 教程
Flask 教程

Flask 教程
Django 教程

Django 教程
PySpark 教程

PySpark 教程
wxPython 教程

wxPython 教程
SymPy 教程

SymPy 教程
Seaborn 教程

Seaborn 教程
SciPy 教程

SciPy 教程
RxPY 教程

RxPY 教程
Pycharm 教程

Pycharm 教程
Pygame 教程

Pygame 教程
PyGTK 教程

PyGTK 教程
PyQt 教程

PyQt 教程
PyQt5 教程

PyQt5 教程
PyTorch 教程

PyTorch 教程
Matplotlib 教程

Matplotlib 教程
Web2py 教程

Web2py 教程
BeautifulSoup 教程

BeautifulSoup 教程

Java教程

Java 教程

Java 教程

Web教程

HTML 教程

HTML 教程
CSS 教程

CSS 教程
CSS3 教程

CSS3 教程
jQuery 教程

jQuery 教程
Ajax 教程

Ajax 教程
AngularJS 教程

AngularJS 教程
TypeScript 教程

TypeScript 教程
WordPress 教程

WordPress 教程
Laravel 教程

Laravel 教程
Next.js 教程

Next.js 教程
PhantomJS 教程

PhantomJS 教程
Three.js 教程

Three.js 教程
Underscore.JS 教程

Underscore.JS 教程
WebGL 教程

WebGL 教程
WebRTC 教程

WebRTC 教程
VueJS 教程

VueJS 教程

数据库教程

SQL 教程

SQL 教程
MySQL 教程

MySQL 教程
MongoDB 教程

MongoDB 教程
PostgreSQL 教程

PostgreSQL 教程
SQLite 教程

SQLite 教程
Redis 教程

Redis 教程
MariaDB 教程

MariaDB 教程

图形图像教程

Vulkan 教程

Vulkan 教程
OpenCV 教程

OpenCV 教程

大数据教程

R语言 教程

R语言 教程

开发工具教程

Git 教程

Git 教程
VSCode 教程

VSCode 教程
Docker 教程

Docker 教程
Gerrit 教程

Gerrit 教程
Excel 教程

Excel 教程

计算机教程

Go语言 教程

Go语言 教程
C++ 教程

C++ 教程

Android 教程