使用安卓自帶刷新控件實現ListView的上拉加載和下拉刷新

2019-11-07 23:29:47

字體：大中小

來源：轉載

供稿：網友

前篇已經講過安卓自帶刷新控件沒有上拉加載需要自己自定義相關控件才能實現。先看下效果這里寫圖片描述 xml布局如下：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.sw接下來是自定義刷新控件實現上拉加載了，本文以listView為例幾點思路：實現上拉加載需滿足一下幾點條件： 1.手勢上劃并達到一定距離 2.到底底部 3.當前為非加載狀態該自定義類中設置一個接口回調對象以及里面的抽象方法，listview的滑動事件監聽調用該借口方法，具體代碼邏輯在某界面中繼承接口實現該方法具體代碼奉上

package com.example.swiperefresh4listview;import android.content.Context;import android.support.v4.widget.SwipeRefreshLayout;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.view.ViewConfiguration;import android.widget.AbsListView;import android.widget.ListView;/** * 自定義View繼承SwipeRefreshLayout，添加上拉加載更多的布局屬性 */public class Swiperefresh4ListView extends SwipeRefreshLayout{ PRivate final int mScaledTouchSlop; private final View mFooterView; private ListView mListView; private OnLoadListener mOnLoadListener; /** 正在加載狀態*/ private boolean isLoading; public Swiperefresh4ListView(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub // 填充底部加載布局 mFooterView = View.inflate(context, R.layout.view_footer, null); // 表示控件移動的最小距離，手移動的距離大于這個距離才能拖動控件 mScaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop(); } @Override protected void onLayout(boolean changed, int left, int top, int right, int bottom) { super.onLayout(changed, left, top, right, bottom); // 獲取ListView,設置ListView的布局位置 if (mListView == null) { // 判斷容器有多少個孩子 if (getChildCount() > 0) { // 判斷第一個孩子是不是ListView if (getChildAt(0) instanceof ListView) { // 創建ListView對象 mListView = (ListView) getChildAt(0); // 設置ListView的滑動監聽 setListViewOnScroll(); } } } } /** * 在分發事件的時候處理子控件的觸摸事件 * @param ev * @return */ private float mDownY, mUpY; @Override public boolean dispatchTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: // 移動的起點 mDownY = ev.getY(); break; case MotionEvent.ACTION_MOVE: // 移動過程中判斷時候能下拉加載更多 if (canLoadMore()) { // 加載數據 loadData(); } break; case MotionEvent.ACTION_UP: // 移動的終點 mUpY = getY(); break; } return super.dispatchTouchEvent(ev); } /** * 判斷是否滿足加載更多條件 * @return */ private boolean canLoadMore() { // 1. 是上拉狀態 boolean condition1 = (mDownY - mUpY) >= mScaledTouchSlop; if (condition1) { System.out.println("是上拉狀態"); } // 2. 當前頁面可見的item是最后一個條目 boolean condition2 = false; if (mListView != null && mListView.getAdapter() != null) { condition2 = mListView.getLastVisiblePosition() == (mListView.getAdapter().getCount() - 1); } if (condition2) { System.out.println("是最后一個條目"); } // 3. 正在加載狀態 boolean condition3 = !isLoading; if (condition3) { System.out.println("不是正在加載狀態"); } return condition1 && condition2 && condition3; } /** * 處理加載數據的邏輯 */ private void loadData() { System.out.println("加載數據..."); if (mOnLoadListener != null) { // 設置加載狀態，讓布局顯示出來 setLoading(true); mOnLoadListener.onLoad(); } } /** * 設置加載狀態，是否加載傳入boolean值進行判斷,后期用來加載完成后隱藏布局 * @param loading */ public void setLoading(boolean loading) { // 修改當前的狀態 isLoading = loading; if (isLoading) { // 顯示布局 mListView.addFooterView(mFooterView); } else { // 隱藏布局 mListView.removeFooterView(mFooterView); // 重置滑動的坐標 mDownY = 0; mUpY = 0; } } /** * 設置ListView的滑動監聽 */ private void setListViewOnScroll() { mListView.setOnScrollListener(new AbsListView.OnScrollListener() { @Override public void onScrollStateChanged(AbsListView view, int scrollState) { // 移動過程中判斷能否能上拉加載更多 if (canLoadMore()) { // 加載數據 loadData(); } } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { } }); } /** * 上拉加載的接口回調 */ public interface OnLoadListener { void onLoad(); } public void setOnLoadListener(OnLoadListener listener) { this.mOnLoadListener = listener; }}

上面代碼中有一個底部布局，可以自己定義就不黏貼上來了記下來具體界面中調用給接口方法

package com.example.swiperefresh4listview;import java.util.ArrayList;import java.util.List;import java.util.Random;import com.example.swiperefresh4listview.Swiperefresh4ListView.OnLoadListener;import android.os.Bundle;import android.os.Handler;import android.support.v4.widget.SwipeRefreshLayout;import android.support.v7.app.AppCompatActivity;import android.widget.ArrayAdapter;import android.widget.ListView;import android.widget.Toast;/** * 使用谷歌提供的SwipeRefreshLayout下拉控件進行下拉刷新和上拉加載 */public class MainActivity extends AppCompatActivity { private List<String> mList; private int mCount; private ArrayAdapter<String> mAdapter; private Swiperefresh4ListView swipeRefreshView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initUI(); reFresh(); } private void initUI() { swipeRefreshView = (Swiperefresh4ListView) findViewById(R.id.srl); ListView listView = (ListView) findViewById(R.id.lv); // 設置適配器數據 mList = new ArrayList<>(); for (int i = 0; i < 30; i++) { mList.add("我是laohu" + i + "號"); mCount++; } mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mList); listView.setAdapter(mAdapter); } private void reFresh() { // 設置顏色屬性的時候一定要注意是引用了資源文件還是直接設置16進制的顏色，因為都是int值容易搞混 // 設置下拉進度的背景顏色，默認就是白色的 swipeRefreshView.setProgressBackgroundColorSchemeResource(android.R.color.white); // 設置下拉進度的主題顏色 swipeRefreshView.setColorSchemeResources(R.color.colorAccent, R.color.colorPrimary, R.color.colorPrimaryDark); // 設置刷新出現的位置 swipeRefreshView.setProgressViewEndTarget(false,200); // 設置向下拉多少出現刷新 swipeRefreshView.setDistanceToTriggerSync(30); // 下拉時觸發SwipeRefreshLayout的下拉動畫，動畫完畢之后就會回調這個方法 swipeRefreshView.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { //默認會自動刷新無需調用這個屬性setRefreshing(boolean d) // 這里是主線程一些比較耗時的操作，比如聯網獲取數據，需要放到子線程去執行 final Random random = new Random(); new Handler().postDelayed(new Runnable() { @Override public void run() {// 刷新數據在這里 mList.add(0, "我是天才" + random.nextInt(100) + "號"); mAdapter.notifyDataSetChanged(); Toast.makeText(MainActivity.this, "刷新了一條數據", Toast.LENGTH_SHORT).show(); // 加載完數據設置為不刷新狀態，將下拉進度收起來 swipeRefreshView.setRefreshing(false); } }, 1200); // 這個不能寫在外邊，不然會直接收起來 // swipeRefreshLayout.setRefreshing(false); } }); // 設置下拉加載更多 swipeRefreshView.setOnLoadListener(new OnLoadListener() { @Override public void onLoad() { // TODO Auto-generated method stub new Handler().postDelayed(new Runnable() { @Override public void run() { // 添加數據 for (int i = 30; i < 35; i++) { mList.add("我是小胡" + i + "號"); // 這里要放在里面刷新，放在外面會導致刷新的進度條卡住 mAdapter.notifyDataSetChanged(); } Toast.makeText(MainActivity.this, "數據加載完成", Toast.LENGTH_SHORT).show(); // 加載完數據隱藏掉上拉加載布局 swipeRefreshView.setLoading(false); } }, 1200); } }); }}

思考：使用官方的下拉刷新可以實現自定義下拉刷新樣式嗎？好的，上拉加載已經實現，后面在實際刷新過程中，發現一個問題，就是下拉刷新在刷新過程中，如果下拉界面過短或者刷新顯示時常短，上拉到底部的時候，兩個會一起顯示，一個小bug,有待解決，還是第三方刷新比較好用。哪位大神看到能指導一二，以上代碼參考了網上資源，感謝各位大神分享。

上一篇：百度地圖自定義大頭針圖片和添加標注

下一篇：Unity插件 - MeshEditor（十）模型風力拉扯特效