ListView下拉刷新和上拉加载更多的实现

最新推荐文章于 2019-05-23 11:07:38 发布

Random丶HT

最新推荐文章于 2019-05-23 11:07:38 发布

阅读量610

点赞数

本文链接：https://blog.csdn.net/ht1063899049/article/details/72814636

版权

第一步：

自定义一个类继承ListView

package com.itheima.pulltorefreshlistview.view;

import com.itheima.pulltorefreshlistview.R;

import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
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;

public class PullToRefreshListView extends ListView {

private View headerView;
private float downY;
private int headerViewHeight;
/** 状态：下拉刷新 */
private static final int STATE_PULL_TO_REFRESH = 0;
/** 状态：松开刷新 */
private static final int STATE_RELEASE_REFRESH = 1;
/** 状态：正在刷新 */
private static final int STATE_REFRESHING = 2;
/** 当前状态 */
private int currentState = STATE_PULL_TO_REFRESH; // 默认是下拉刷新状态
private ImageView iv_arrow;
private ProgressBar progress_bar;
private TextView tv_state;
private RotateAnimation upAnim;
private RotateAnimation downAnim;
private OnRefreshingListener mOnRefreshingListener;
private View footerView;
private int footerViewHeight;
/** 正在加载更多 */
private boolean loadingMore;

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

private void initHeaderView() {
headerView = View.inflate(getContext(), R.layout.header_view, null);
iv_arrow = (ImageView) headerView.findViewById(R.id.iv_arrow);
progress_bar = (ProgressBar) headerView.findViewById(R.id.progress_bar);
showRefreshingProgressBar(false);
tv_state = (TextView) headerView.findViewById(R.id.tv_state);
headerView.measure(0, 0); // 主动触发测量，mesure内部会调用onMeasure
headerViewHeight = headerView.getMeasuredHeight();
hideHeaderView();
super.addHeaderView(headerView);
upAnim = createRotateAnim(0f, -180f);
downAnim = createRotateAnim(-180f, -360f);
}

private void initFooterView() {
footerView = View.inflate(getContext(), R.layout.footer_view, null);
footerView.measure(0, 0);// 主动触发测量，mesure内部会调用onMeasure
footerViewHeight = footerView.getMeasuredHeight();
hideFooterView();
super.addFooterView(footerView);

super.setOnScrollListener(new OnScrollListener() {

// 当ListView滚动的状态发生改变的时候会调用这个方法
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
if (scrollState == OnScrollListener.SCROLL_STATE_IDLE // ListView处于空闲状态
&& getLastVisiblePosition() == getCount() - 1 // 界面上可见的最后一条item是ListView中最后的一条item
&& loadingMore == false // 如果当前没有去做正在加载更多的事情
) {
loadingMore = true;
showFooterView();
setSelection(getCount() - 1);

if (mOnRefreshingListener != null) {
mOnRefreshingListener.onLoadMore();
}
}
}

// 当ListView滚动的时候会调用这个方法
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {

}
});
}

private void hideFooterView() {
int paddingTop = -footerViewHeight;
setFooterViewPaddingTop(paddingTop);
}

private void showFooterView() {
int paddingTop = 0;
setFooterViewPaddingTop(paddingTop);
}

private void setFooterViewPaddingTop(int paddingTop) {
footerView.setPadding(0, paddingTop, 0, 0);
}

/**
* 设置显示进度的圈圈
* @param showProgressBar 如果是true，则显示ProgressBar，否则的话显示箭头
*/
private void showRefreshingProgressBar(boolean showProgressBar) {
progress_bar.setVisibility(showProgressBar ? View.VISIBLE : View.GONE);
iv_arrow.setVisibility(!showProgressBar ? View.VISIBLE : View.GONE);

if (showProgressBar) {
iv_arrow.clearAnimation(); // 有动画的View要清除动画才能真正的隐藏
}
}

/**
* 创建旋转动画
* @param fromDegrees 从哪个角度开始转
* @param toDegrees 转到哪个角度
* @return
*/
private RotateAnimation createRotateAnim(float fromDegrees, float toDegrees) {
int pivotXType = RotateAnimation.RELATIVE_TO_SELF; // 旋转点的参照物
int pivotYType = RotateAnimation.RELATIVE_TO_SELF; // 旋转点的参照物
float pivotXValue = 0.5f; // 旋转点x方向的位置
float pivotYValue = 0.5f; // 旋转点y方向的位置
RotateAnimation ra = new RotateAnimation(fromDegrees, toDegrees, pivotXType, pivotXValue, pivotYType, pivotYValue);
ra.setDuration(300);
ra.setFillAfter(true); // 让动画停留在结束位置
return ra;
}

/** 隐藏HeaderView */
private void hideHeaderView() {
int paddingTop = -headerViewHeight;
setHeaderViewPaddingTop(paddingTop);
}

/** 显示HeaderView */
private void showHeaderView() {
int paddingTop = 0;
setHeaderViewPaddingTop(paddingTop);
}

/**
* 设置HeaderView的paddingTop
* @param paddingTop
*/
private void setHeaderViewPaddingTop(int paddingTop) {
headerView.setPadding(0, paddingTop, 0, 0);
}

@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
downY = ev.getY();
break;
case MotionEvent.ACTION_MOVE:
if (currentState == STATE_REFRESHING) {
// 如果当前已经是“正在刷新“的状态了，则不用去处理下拉刷新了
return super.onTouchEvent(ev);
}

int fingerMoveDistanceY = (int) (ev.getY() - downY); // 手指移动的距离
// 如果是向下滑动，并且界面上可见的第一条item是ListView的索引为0的item时我们才处理下拉刷新的操作
if (fingerMoveDistanceY > 0 && getFirstVisiblePosition() == 0) {
int paddingTop = -headerViewHeight + fingerMoveDistanceY;
setHeaderViewPaddingTop(paddingTop);

if (paddingTop < 0 && currentState != STATE_PULL_TO_REFRESH) {
// 如果paddingTop小于0，说明HeaderView没有完全显示出来，则进入下拉刷新的状态
currentState = STATE_PULL_TO_REFRESH;
tv_state.setText("下拉刷新");
iv_arrow.startAnimation(downAnim);
showRefreshingProgressBar(false);
// 让箭头转一下
} else if (paddingTop >= 0 && currentState != STATE_RELEASE_REFRESH) {
// 如果paddingTop>=0，说明HeaderView已经完全显示出来，则进入松开刷新的状态
currentState = STATE_RELEASE_REFRESH;
tv_state.setText("松开刷新");
iv_arrow.startAnimation(upAnim);
showRefreshingProgressBar(false);

}
return true;
}
break;
case MotionEvent.ACTION_UP:
if (currentState == STATE_RELEASE_REFRESH) {
// 如果当前状态是松开刷新，并且抬起了手，则进入正在刷新状态
currentState = STATE_REFRESHING;
tv_state.setText("正在刷新");
showRefreshingProgressBar(true);
showHeaderView();

if (mOnRefreshingListener != null) {
mOnRefreshingListener.onRefreshing();
}
} else if (currentState == STATE_PULL_TO_REFRESH) {
// 如果抬起手时是下拉刷新状态，则把HeaderView完成隐藏
hideHeaderView();
}
break;
}
return super.onTouchEvent(ev);
}

public void setOnRefreshingListener(OnRefreshingListener mOnRefreshingListener) {
this.mOnRefreshingListener = mOnRefreshingListener;
}

/** ListView刷新的监听器 */
public interface OnRefreshingListener {
/** 当ListView可以刷新数据的时候会调用这个方法 */
void onRefreshing();
/** 当ListView可以加载更多的时候会调用这个方法 */
void onLoadMore();
}

/** 联网刷新数据的操作已经完成了 */
public void onRefreshComplete() {
hideHeaderView();
currentState = STATE_PULL_TO_REFRESH;
showRefreshingProgressBar(false);
}

/** 加载更多新数据的操作已经完成了 */
public void onLoadmoreComplete() {
hideFooterView();
loadingMore = false;
}

}

添加头heade的布局

<?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:orientation="horizontal"
android:gravity="center_vertical" >

<RelativeLayout
android:layout_width="50dp"
android:layout_height="50dp">

<ImageView
android:id="@+id/iv_arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/arrow"
android:layout_centerInParent="true"/>

<ProgressBar
android:id="@+id/progress_bar"
style="@android:style/Widget.ProgressBar"
android:indeterminateDrawable="@drawable/progress_medium_white"
android:layout_width="28dp"
android:layout_height="28dp"
android:layout_centerInParent="true"
android:visibility="gone"/>

</RelativeLayout>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:orientation="vertical">

<TextView
android:id="@+id/tv_state"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#FF0000"
android:text="下拉刷新"/>

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="#666666"
android:textSize="12sp"
android:text="最后刷新时间:2015-07-25 19:59:39"
android:layout_marginTop="4dp"/>

</LinearLayout>

</LinearLayout>

添加尾foot的布局：

MainActivity的类：

package com.itheima.pulltorefreshlistview;

import java.util.ArrayList;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.widget.ArrayAdapter;

import com.itheima.pulltorefreshlistview.view.PullToRefreshListView;
import com.itheima.pulltorefreshlistview.view.PullToRefreshListView.OnRefreshingListener;

public class MainActivity extends Activity {

private PullToRefreshListView listView;
private ArrayList<String> datas;
private ArrayAdapter<String> adapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView = (PullToRefreshListView) findViewById(R.id.list_view);

// 模拟数据
datas = new ArrayList<String>();
for (int i = 0; i < 20; i++) {
datas.add("我又捡到钱了，好开心啊^_^ \t" + i);
}

adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, datas);
listView.setAdapter(adapter);

listView.setOnRefreshingListener(new OnRefreshingListener() {

@Override
public void onRefreshing() {
reloadData();
}

@Override
public void onLoadMore() {
loadMore();
}
});
}

/** 重新联网获取数据 */
protected void reloadData() {
new Handler().postDelayed(new Runnable() {

@Override
public void run() {
datas.add(0, "我是刷新出来的数据");
adapter.notifyDataSetChanged();
listView.onRefreshComplete();
}
}, 3000); // 模拟联网的耗时操作。 3秒钟后会调用run方法中的代码
}

/** 联网加载更多数据 */
protected void loadMore() {
new Handler().postDelayed(new Runnable() {

@Override
public void run() {
datas.add("我是加载更多出来的数据");
adapter.notifyDataSetChanged();
listView.onLoadmoreComplete();
}
}, 3000); // 模拟联网的耗时操作。 3秒钟后会调用run方法中的代码
}

}

MainActivity的布局：

Random丶HT

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ListView下拉刷新和上拉加载更多的实现

第一步：自定义一个类继承ListViewpackage com.itheima.pulltorefreshlistview.view;import com.itheima.pulltorefreshlistview.R;import android.content.Context;import android.util.AttributeSet;import
复制链接

扫一扫