下拉重新整理+上拉載入的listview
阿新 • • 發佈:2019-01-12
網上關於這方面的內容有很多,但是有些使用比較複雜,有些存在一些BUG,在這裡整合網上資源。
主要解決了RELEASE--》PULL header狀態不正確,footer不正確顯示等問題。
header的xml:
<?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="match_parent" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:gravity="center" android:orientation="vertical" > <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:paddingBottom="10dp" > <LinearLayout android:id="@+id/layout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:orientation="vertical" > <ProgressBar android:id="@+id/refreshing" style="@style/customProgressBar" /> <TextView android:id="@+id/tip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" /> <TextView android:id="@+id/lastUpdate" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:textSize="12sp" /> </LinearLayout> <ImageView android:id="@+id/arrow" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerVertical="true" android:layout_marginRight="20dp" android:layout_toLeftOf="@id/layout" android:contentDescription="@string/d" android:src="@drawable/pull_to_refresh_arrow" /> </RelativeLayout> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/h_line" android:contentDescription="@string/d" /> </LinearLayout>
footer的xml:
<?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:gravity="center" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:orientation="horizontal" android:visibility="invisible" > <TextView android:id="@+id/loadFull" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:padding="5dp" android:text="@string/load_full" android:visibility="gone" /> <TextView android:id="@+id/noData" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:padding="5dp" android:text="@string/no_data" android:visibility="gone" /> <TextView android:id="@+id/more" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:padding="5dp" android:text="@string/more" /> <ProgressBar android:id="@+id/loading" style="@style/customProgressBar" /> </LinearLayout>
原始碼檔案:
public class AutoListView extends ListView implements OnScrollListener { // 區分當前操作是重新整理還是載入 public static final int REFRESH = 0; public static final int LOAD = 1; // 區分PULL和RELEASE的距離的大小 private static final int SPACE = 20; // 定義header的四種狀態和當前狀態 private static final int NONE = 0; private static final int PULL = 1; private static final int RELEASE = 2; private static final int REFRESHING = 3; private int state; private LayoutInflater inflater; private View header; private View footer; private TextView tip; private TextView lastUpdate; private ImageView arrow; private ProgressBar refreshing; private TextView noData; private TextView loadFull; private TextView more; private ProgressBar loading; private RotateAnimation animation; private RotateAnimation reverseAnimation; private int startY; private int firstVisibleItem; private int scrollState; private int headerContentInitialHeight; private int headerContentHeight; // 只有在listview第一個item顯示的時候(listview滑到了頂部)才進行下拉重新整理, 否則此時的下拉只是滑動listview private boolean isRecorded; private boolean isLoading; private boolean loadEnable = true;// 開啟或者關閉載入更多功能 private boolean isLoadFull; private int pageSize = 10; private OnRefreshListener onRefreshListener; private OnLoadListener onLoadListener; 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 defStyle) { super(context, attrs, defStyle); initView(context); } // 下拉重新整理監聽 public void setOnRefreshListener(OnRefreshListener onRefreshListener) { this.onRefreshListener = onRefreshListener; } // 載入更多監聽 public void setOnLoadListener(OnLoadListener onLoadListener) { this.loadEnable = true; this.onLoadListener = onLoadListener; } public boolean isLoadEnable() { return loadEnable; } // 這裡的開啟或者關閉載入更多,並不支援動態調整 public void setLoadEnable(boolean loadEnable) { this.loadEnable = loadEnable; if (!loadEnable) this.removeFooterView(footer); } public int getPageSize() { return pageSize; } public void setPageSize(int pageSize) { this.pageSize = pageSize; } private void initView(Context context) { // 設定箭頭特效 animation = new RotateAnimation(0, -180, RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f); animation.setInterpolator(new LinearInterpolator()); animation.setDuration(100); 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(100); reverseAnimation.setFillAfter(true); inflater = LayoutInflater.from(context); footer = inflater.inflate(R.layout.listview_footer, null); loadFull = (TextView) footer.findViewById(R.id.loadFull); noData = (TextView) footer.findViewById(R.id.noData); more = (TextView) footer.findViewById(R.id.more); loading = (ProgressBar) footer.findViewById(R.id.loading); header = inflater.inflate(R.layout.pull_to_refresh_header, null); arrow = (ImageView) header.findViewById(R.id.arrow); tip = (TextView) header.findViewById(R.id.tip); lastUpdate = (TextView) header.findViewById(R.id.lastUpdate); refreshing = (ProgressBar) header.findViewById(R.id.refreshing); // 為listview新增頭部和尾部,並進行初始化 headerContentInitialHeight = header.getPaddingTop(); measureView(header); header.setTag("HEADER"); footer.setTag("FOOTER"); headerContentHeight = header.getMeasuredHeight(); topPadding(-headerContentHeight); this.addHeaderView(header); this.addFooterView(footer); this.setOnScrollListener(this); } public void onRefresh() { if (onRefreshListener != null) { onRefreshListener.onRefresh(); } } public void onLoad() { if (onLoadListener != null) { onLoadListener.onLoad(); } } // 設定更新時間 public void onRefreshComplete(String updateTime) { lastUpdate.setText(this.getContext().getString(R.string.lastUpdateTime, TimeUtils.getCurrentTime())); state = NONE; refreshHeaderViewByState(); } public void onRefreshComplete() { String currentTime = TimeUtils.getCurrentTime(); onRefreshComplete(currentTime); } public void onLoadComplete() { isLoading = false; if (loadEnable) footer.setVisibility(INVISIBLE);// 載入完成隱藏footer } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { this.firstVisibleItem = firstVisibleItem; } @Override public void onScrollStateChanged(AbsListView view, int scrollState) { this.scrollState = scrollState; ifNeedLoad(view, scrollState); } private void ifNeedLoad(AbsListView view, int scrollState) { // 沒有開啟載入功能直接返回 if (!loadEnable) { return; } try {// 這裡判斷可視項最後一項為footer,則載入。這裡有一個BUG,假如項數較少,沒有鋪滿螢幕, // 下拉也能觸發載入。 if (scrollState == OnScrollListener.SCROLL_STATE_IDLE && !isLoading && view.getLastVisiblePosition() == view.getPositionForView(footer) && !isLoadFull) { footer.setVisibility(VISIBLE);// 載入資料顯示footer onLoad(); isLoading = true; } } catch (Exception e) { } } @Override public boolean onTouchEvent(MotionEvent ev) { switch (ev.getAction()) { // 根據手勢滑動,觸發次序為down,move,up case MotionEvent.ACTION_DOWN: if (firstVisibleItem == 0) { isRecorded = true; startY = (int) ev.getY(); } break; case MotionEvent.ACTION_CANCEL: case MotionEvent.ACTION_UP: if (state == PULL) { state = NONE; refreshHeaderViewByState(); } else if (state == RELEASE) { state = REFRESHING; refreshHeaderViewByState(); onRefresh(); } isRecorded = false; break; case MotionEvent.ACTION_MOVE: whenMove(ev); break; } return super.onTouchEvent(ev); } @Override public boolean dispatchTouchEvent(MotionEvent ev) { final int actionMasked = ev.getActionMasked() & MotionEvent.ACTION_MASK; if (actionMasked == MotionEvent.ACTION_MOVE && isRecorded && state == RELEASE) { // 最關鍵的地方,忽略MOVE事件, // ListView onTouch獲取不到MOVE事件所以不會發生滾動處理 // 否則下拉重新整理操作的時候, RELEASE ==》PULL 狀態將會不正確 whenMove(ev); return true; } return super.dispatchTouchEvent(ev); } private void whenMove(MotionEvent ev) { if (!isRecorded) { return; } int tmpY = (int) ev.getY(); int space = tmpY - startY; // 記錄觸控滑動距離 int topPadding = space - headerContentHeight; // 觸控滑動距離減去頭部高度 // 實際上是利用設定header的內邊距為觸控滑動距離來實現下拉。 switch (state) { case NONE: if (space > 0) { state = PULL; refreshHeaderViewByState(); } break; case PULL: topPadding(topPadding); if (scrollState == SCROLL_STATE_TOUCH_SCROLL && space > headerContentHeight + SPACE) { state = RELEASE; refreshHeaderViewByState(); } break; case RELEASE: topPadding(topPadding); if (space > 0 && space < headerContentHeight + SPACE) { state = PULL; refreshHeaderViewByState(); } else if (space <= 0) { state = NONE; refreshHeaderViewByState(); } break; } } // 修正header位置 private void topPadding(int topPadding) { header.setPadding(header.getPaddingLeft(), topPadding, header.getPaddingRight(), header.getPaddingBottom()); header.invalidate(); } // 根據資料數量修改footer的提示 public void setResultSize(int resultSize) { if (resultSize == 0) { isLoadFull = true; loadFull.setVisibility(View.GONE); loading.setVisibility(View.GONE); more.setVisibility(View.GONE); noData.setVisibility(View.VISIBLE); } else if (resultSize > 0 && resultSize < pageSize) { isLoadFull = true; loadFull.setVisibility(View.VISIBLE); loading.setVisibility(View.GONE); more.setVisibility(View.GONE); noData.setVisibility(View.GONE); } else if (resultSize == pageSize) { isLoadFull = false; loadFull.setVisibility(View.GONE); loading.setVisibility(View.VISIBLE); more.setVisibility(View.VISIBLE); noData.setVisibility(View.GONE); } } // 根據header的狀態修改提示 private void refreshHeaderViewByState() { switch (state) { case NONE: topPadding(-headerContentHeight); tip.setText(R.string.pull_to_refresh); refreshing.setVisibility(View.GONE); arrow.clearAnimation(); arrow.setImageResource(R.drawable.pull_to_refresh_arrow); break; case PULL: arrow.setVisibility(View.VISIBLE); tip.setVisibility(View.VISIBLE); lastUpdate.setVisibility(View.VISIBLE); refreshing.setVisibility(View.GONE); tip.setText(R.string.pull_to_refresh); arrow.clearAnimation(); arrow.setAnimation(reverseAnimation); break; case RELEASE: arrow.setVisibility(View.VISIBLE); tip.setVisibility(View.VISIBLE); lastUpdate.setVisibility(View.VISIBLE); refreshing.setVisibility(View.GONE); tip.setText(R.string.pull_to_refresh); tip.setText(R.string.release_to_refresh); arrow.clearAnimation(); arrow.setAnimation(animation); break; case REFRESHING: topPadding(headerContentInitialHeight); refreshing.setVisibility(View.VISIBLE); arrow.clearAnimation(); arrow.setVisibility(View.GONE); tip.setVisibility(View.GONE); lastUpdate.setVisibility(View.GONE); break; } } // 計算header的高度,否則直接呼叫getMesureHeight會返回0 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); } else { childHeightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED); } child.measure(childWidthSpec, childHeightSpec); } public interface OnRefreshListener { public void onRefresh(); } public interface OnLoadListener { public void onLoad(); } }
使用這個listview的時候,只需要自己實現OnRefreshListener和OnLoadListener介面,就可以回撥你所需的操作。
這裡還有一個bug暫時沒有修復,見程式碼181行。