android之listivew實現下拉刷新

時間 2019-12-20

標籤 android listivew 實現下拉刷新欄目 Android 简体版

原文原文鏈接

新浪微博，和QQ空間裏面，都有那個下拉刷新的效果，另不少人眼前一亮，細細分析，原理原來如此。動畫

在原做者的基礎上，寫了一些註釋，和幫助你們更好的閱讀理解，（可能其中有些地方註釋不許，歡迎指正，謝謝） this

源代碼下載地址：http://download.csdn.net/detail/weidi1989/4588246 spa
/**
* 重寫一個ListView,主要是添加一個下拉事件
*
* @author way
*
*/
public class MyListView extends ListView implements OnScrollListener {
private static final String TAG = "listview";
private final static int RELEASE_To_REFRESH = 0; // 鬆開刷新狀態
private final static int PULL_To_REFRESH = 1;// 拉動刷新狀態
private final static int REFRESHING = 2;// 正在刷新狀態
private final static int DONE = 3;// 已經加載完畢狀態
private final static int LOADING = 4;// 正在加載數據狀態
private final static int RATIO = 3;// 實際的padding的距離與界面上偏移距離的比例
private LayoutInflater inflater;
private LinearLayout headView;// ListView頭部的View
private TextView tipsTextview;// 提示信息「下拉刷新」的TextView
private TextView lastUpdatedTextView;// 上次更新時間的TextView
private ImageView arrowImageView;// 箭頭的圖片
private ProgressBar progressBar;// 刷新進度
private RotateAnimation animation;// 箭頭向下動畫
private RotateAnimation reverseAnimation;// 逆向箭頭動畫
private boolean isRecored;// 用於保證startY的值在一個完整的touch事件中只被記錄一次
private int headContentWidth;// 頭部View內容的寬度
private int headContentHeight;// 頭部view內容的高度
private int startY;// 向下觸屏事件時的手指起始y軸位置
private int firstItemIndex;// ListView第一項的索引
private int state;// 刷新狀態
private boolean isBack;// 是否反彈
private OnRefreshListener refreshListener;// 給外面預留的刷新的接口
private boolean isRefreshable;// 是否刷新的標誌位
/**
* 第一個構造器
*
* @param context
* 上下文對象
*/
public MyListView(Context context) {
super(context);
init(context);
}
/**
* 第二個構造器
*
* @param context
* 上下文對象
* @param attrs
* 屬性
*/
public MyListView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context);
}
/**
* 初始化數據
*
* @param context
* 上下文對象
*/
private void init(Context context) {
// setCacheColorHint(context.getResources().getColor(R.color.transparent));
inflater = LayoutInflater.from(context);
headView = (LinearLayout) inflater.inflate(R.layout.head, null);// 獲取ListView頭部的view
arrowImageView = (ImageView) headView
.findViewById(R.id.head_arrowImageView);// 從頭部的View獲取箭頭圖片
arrowImageView.setMinimumWidth(70);
arrowImageView.setMinimumHeight(50);
progressBar = (ProgressBar) headView
.findViewById(R.id.head_progressBar);// 獲取刷新進度條
tipsTextview = (TextView) headView.findViewById(R.id.head_tipsTextView);// 提示信息的TextView
lastUpdatedTextView = (TextView) headView
.findViewById(R.id.head_lastUpdatedTextView);// 最後刷新時間的TextView
measureView(headView);// 本身寫的一個方法，沒有很理解
headContentHeight = headView.getMeasuredHeight();// 獲得headView的原始高度
headContentWidth = headView.getMeasuredWidth();
headView.setPadding(0, -1 * headContentHeight, 0, 0);// 設置內容的內部偏移量
headView.invalidate();
Log.v("size", "width:" + headContentWidth + " height:"
+ headContentHeight);
addHeaderView(headView, null, false);// 加到ListView的頭部view，ListView組件提供了兩個很實用的功能，那就是能夠在頂部和底部添加自定義的視圖
setOnScrollListener(this);
// 箭頭向下動畫
animation = new RotateAnimation(0, -180,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
animation.setInterpolator(new LinearInterpolator());
animation.setDuration(250);
animation.setFillAfter(true);
// 逆向箭頭動畫
reverseAnimation = new RotateAnimation(-180, 0,
RotateAnimation.RELATIVE_TO_SELF, 0.5f,
RotateAnimation.RELATIVE_TO_SELF, 0.5f);
reverseAnimation.setInterpolator(new LinearInterpolator());
reverseAnimation.setDuration(200);
reverseAnimation.setFillAfter(true);
state = DONE;// 第一次加載默認完成的狀態
isRefreshable = false;// 刷新標誌位默認爲false
}
/**
* 滑動時被調用
*/
public void onScroll(AbsListView view, int firstVisiableItem,
int visibleItemCount, int totalItemCount) {
firstItemIndex = firstVisiableItem;// ListView第一個索引值爲ListView數據中第一個可見項
}
/**
* 滑動狀態改變時被調用
*/
public void onScrollStateChanged(AbsListView view, int scrollState) {
}
/**
* 觸摸事件
*/
public boolean onTouchEvent(MotionEvent event) {
if (isRefreshable) {// 若是刷新標誌爲true
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:// 向下
if (firstItemIndex == 0 && !isRecored) {
isRecored = true;
startY = (int) event.getY();
Log.v(TAG, "在down時候記錄當前位置");
}
break;
case MotionEvent.ACTION_UP:// 向上
if (state != REFRESHING && state != LOADING) {
if (state == DONE) {
// 什麼都不作
}
if (state == PULL_To_REFRESH) {// 下拉刷新
state = DONE;
changeHeaderViewByState();// 更新頭部view
Log.v(TAG, "由下拉刷新狀態，到done狀態");
}
if (state == RELEASE_To_REFRESH) {// 釋放刷新
state = REFRESHING;
changeHeaderViewByState();
onRefresh();// 調用接口的方法，通知外面
Log.v(TAG, "由鬆開刷新狀態，到done狀態");
}
}
isRecored = false;
isBack = false;
break;
case MotionEvent.ACTION_MOVE:// 手指移動
int tempY = (int) event.getY();
if (!isRecored && firstItemIndex == 0) {
Log.v(TAG, "在move時候記錄下位置");
isRecored = true;
startY = tempY;
}
if (state != REFRESHING && isRecored && state != LOADING) {
// 保證在設置padding的過程當中，當前的位置一直是在head，不然若是當列表超出屏幕的話，當在上推的時候，列表會同時進行滾動
// 能夠鬆手去刷新了
if (state == RELEASE_To_REFRESH) {
setSelection(0);
// 往上推了，推到了屏幕足夠掩蓋head的程度，可是尚未推到所有掩蓋的地步
if (((tempY - startY) / RATIO < headContentHeight)
&& (tempY - startY) > 0) {
state = PULL_To_REFRESH;
changeHeaderViewByState();
Log.v(TAG, "由鬆開刷新狀態轉變到下拉刷新狀態");
}
// 一會兒推到頂了
else if (tempY - startY <= 0) {
state = DONE;
changeHeaderViewByState();
Log.v(TAG, "由鬆開刷新狀態轉變到done狀態");
}
// 往下拉了，或者尚未上推到屏幕頂部掩蓋head的地步
else {
// 不用進行特別的操做，只用更新paddingTop的值就好了
}
}
// 尚未到達顯示鬆開刷新的時候,DONE或者是PULL_To_REFRESH狀態
if (state == PULL_To_REFRESH) {
setSelection(0);
// 下拉到能夠進入RELEASE_TO_REFRESH的狀態
if ((tempY - startY) / RATIO >= headContentHeight) {
state = RELEASE_To_REFRESH;
isBack = true;
changeHeaderViewByState();
Log.v(TAG, "由done或者下拉刷新狀態轉變到鬆開刷新");
}
// 上推到頂了
else if (tempY - startY <= 0) {
state = DONE;
changeHeaderViewByState();
Log.v(TAG, "由DOne或者下拉刷新狀態轉變到done狀態");
}
}
// done狀態下
if (state == DONE) {
if (tempY - startY > 0) {
state = PULL_To_REFRESH;
changeHeaderViewByState();
}
}
// 更新headView的size
if (state == PULL_To_REFRESH) {
headView.setPadding(0, -1 * headContentHeight
+ (tempY - startY) / RATIO, 0, 0);
}
// 更新headView的paddingTop
if (state == RELEASE_To_REFRESH) {
headView.setPadding(0, (tempY - startY) / RATIO
- headContentHeight, 0, 0);
}
}
break;
}
}
return super.onTouchEvent(event);
}
// 當狀態改變時候，調用該方法，以更新界面
private void changeHeaderViewByState() {
switch (state) {
case RELEASE_To_REFRESH:// 鬆開刷新狀態
arrowImageView.setVisibility(View.VISIBLE);// 顯示箭頭
progressBar.setVisibility(View.GONE);// 移除進度條
tipsTextview.setVisibility(View.VISIBLE);// 顯示提示信息
lastUpdatedTextView.setVisibility(View.VISIBLE);// 顯示最後刷新時間
arrowImageView.clearAnimation();// 先移除全部動畫
arrowImageView.startAnimation(animation);// 加載箭頭向下動畫
tipsTextview.setText("鬆開刷新");
Log.v(TAG, "當前狀態，鬆開刷新");
break;
case PULL_To_REFRESH:// 下拉刷新狀態
progressBar.setVisibility(View.GONE);// 移除進度條
tipsTextview.setVisibility(View.VISIBLE);// 顯示提示信息
lastUpdatedTextView.setVisibility(View.VISIBLE);// 顯示最後刷新時間
arrowImageView.clearAnimation();// 先移除全部動畫
arrowImageView.setVisibility(View.VISIBLE);// 箭頭圖片可見
// 若是是由RELEASE_To_REFRESH狀態轉變來的，就加載動畫
if (isBack) {
isBack = false;
arrowImageView.clearAnimation();
arrowImageView.startAnimation(reverseAnimation);
tipsTextview.setText("下拉刷新");
} else {
tipsTextview.setText("下拉刷新");
}
Log.v(TAG, "當前狀態，下拉刷新");
break;
case REFRESHING:// 正在刷新狀態
headView.setPadding(0, 0, 0, 0);// 無內部偏移
progressBar.setVisibility(View.VISIBLE);// 進度條可見
arrowImageView.clearAnimation();// 先清除動畫
arrowImageView.setVisibility(View.GONE);// 再移除箭頭動畫
tipsTextview.setText("正在刷新...");// 提示信息變成正在刷新...
lastUpdatedTextView.setVisibility(View.VISIBLE);// 最後刷新時間可見
Log.v(TAG, "當前狀態,正在刷新...");
break;
case DONE:// 完成狀態
headView.setPadding(0, -1 * headContentHeight, 0, 0);
progressBar.setVisibility(View.GONE);
arrowImageView.clearAnimation();
arrowImageView.setImageResource(R.drawable.arrow_down);
tipsTextview.setText("下拉刷新");
lastUpdatedTextView.setVisibility(View.VISIBLE);
Log.v(TAG, "當前狀態，done");
break;
}
}
// 刷新完成
public void onRefreshComplete() {
state = DONE;
SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 HH:mm");
String date = format.format(new Date());
lastUpdatedTextView.setText("最近更新:" + date);
changeHeaderViewByState();
}
/**
* 一個下拉刷新的監聽接口
*
*/
public interface OnRefreshListener {
public void onRefresh();
}
// 監聽方法
public void setonRefreshListener(OnRefreshListener refreshListener) {
this.refreshListener = refreshListener;
isRefreshable = true;
}
// 正在刷新
private void onRefresh() {
if (refreshListener != null) {
refreshListener.onRefresh();
}
}
/**
* 此方法是「估計」headView的width以及height
*
* @param child
* 傳入進來的headView
*/
private void measureView(View child) {
ViewGroup.LayoutParams p = child.getLayoutParams();
if (p == null) {
p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_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);
} else {
childHeightSpec = MeasureSpec.makeMeasureSpec(0,
MeasureSpec.UNSPECIFIED);
}
child.measure(childWidthSpec, childHeightSpec);
}
// ListView添加Adapter方法
public void setAdapter(BaseAdapter adapter) {
SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 HH:mm");
String date = format.format(new Date());
lastUpdatedTextView.setText("最近更新:" + date);
super.setAdapter(adapter);
}
}

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。