【Android-自定義控件】SwipeRefreshDemo 下拉刷新,上拉加載

參考:https://github.com/PingerOne/SwipeRefreshDemojava

谷歌官方的SwipeRefreshLayout控件,只有下拉刷新功能。
自定義的SwipeRefreshView ,繼承自SwipeRefreshLayout,添加了上拉加載更多功能,添加對RecyclerView的支持。android

添加「加載更多」底部佈局 swiperefreshview_footer.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="48dp">

        <ProgressBar
            android:id="@+id/load_progress"
            android:layout_width="24dp"
            android:layout_height="24dp"
            android:layout_centerVertical="true"
            android:layout_marginLeft="30dp"/>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="正在努力加載中..."
            android:textColor="@android:color/black"
            android:textSize="16sp"/>

    </RelativeLayout>

</RelativeLayout>

自定義view - SwipeRefreshView

/**
 * 自定義View繼承SwipeRefreshLayout
 * 添加上拉加載更多的佈局屬性
 * 添加對RecyclerView的支持
 */

public class SwipeRefreshView extends SwipeRefreshLayout {

    private static final String TAG = SwipeRefreshView.class.getSimpleName();
    private final int mScaledTouchSlop;
    private final View mFooterView;
    private ListView mListView;
    private OnLoadMoreListener mListener;

    /**
     * 正在加載狀態
     */
    private boolean isLoading;

    private RecyclerView mRecyclerView;

    private int mItemCount;

    public SwipeRefreshView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 填充底部加載佈局
        mFooterView = View.inflate(context, R.layout.swiperefreshview_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 || mRecyclerView == null) {
            // 判斷容器有多少個孩子
            if (getChildCount() > 0) {
                // 判斷第一個孩子是否是ListView
                if (getChildAt(0) instanceof ListView) {
                    // 建立ListView對象
                    mListView = (ListView) getChildAt(0);

                    // 設置ListView的滑動監聽
                    setListViewOnScroll();
                } else if (getChildAt(0) instanceof RecyclerView) {
                    // 建立ListView對象
                    mRecyclerView = (RecyclerView) getChildAt(0);

                    // 設置RecyclerView的滑動監聽
                    setRecyclerViewOnScroll();
                }
            }
        }
    }


    /**
     * 在分發事件的時候處理子控件的觸摸事件
     */
    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);
    }

    /**
     * 判斷是否知足加載更多條件
     */
    private boolean canLoadMore() {
        // 1. 是上拉狀態
        boolean condition1 = (mDownY - mUpY) >= mScaledTouchSlop;
        if (condition1) {
            Log.d(TAG, "------->  是上拉狀態");
        }

        // 2. 當前頁面可見的item是最後一個條目,通常最後一個條目位置須要大於第一頁的數據長度
        boolean condition2 = false;
        if (mListView != null && mListView.getAdapter() != null) {

            if (mItemCount > 0) {
                if (mListView.getAdapter().getCount() < mItemCount) {
                    // 第一頁未滿,禁止下拉
                    condition2 = false;
                }else {
                    condition2 = mListView.getLastVisiblePosition() == (mListView.getAdapter().getCount() - 1);
                }
            } else {
                // 未設置數據長度,則默認第一頁數據不滿時也能夠上拉
                condition2 = mListView.getLastVisiblePosition() == (mListView.getAdapter().getCount() - 1);
            }

        }

        if (condition2) {
            Log.d(TAG, "------->  是最後一個條目");
        }
        // 3. 正在加載狀態
        boolean condition3 = !isLoading;
        if (condition3) {
            Log.d(TAG, "------->  不是正在加載狀態");
        }
        return condition1 && condition2 && condition3;
    }

    public void setItemCount(int itemCount) {
        this.mItemCount = itemCount;
    }

    /**
     * 處理加載數據的邏輯
     */
    private void loadData() {
        System.out.println("加載數據...");
        if (mListener != null) {
            // 設置加載狀態,讓佈局顯示出來
            setLoading(true);
            mListener.onLoadMore();
        }

    }

    /**
     * 設置加載狀態,是否加載傳入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) {

            }
        });
    }


    /**
     * 設置RecyclerView的滑動監聽
     */
    private void setRecyclerViewOnScroll() {
        mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
                super.onScrollStateChanged(recyclerView, newState);
                // 移動過程當中判斷時候能下拉加載更多
                if (canLoadMore()) {
                    // 加載數據
                    loadData();
                }
            }

            @Override
            public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
                super.onScrolled(recyclerView, dx, dy);
            }
        });
    }


    /**
     * 上拉加載的接口回調
     */

    public interface OnLoadMoreListener {
        void onLoadMore();
    }

    public void setOnLoadMoreListener(OnLoadMoreListener listener) {
        this.mListener = listener;
    }
}

應用佈局

<com.example.customview.SwipeRefreshView
        android:id="@+id/swipeRefreshView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/listView"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </ListView>
    </com.example.customview.SwipeRefreshView>

應用代碼

/**
 * 使用自定義的SwipeRefreshView
 */

public class RefreshActicity extends AppCompatActivity {

    SwipeRefreshView swipeRefreshView;
    ListView listView;
    List<Product> list;
    ProductAdapter adapter;


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_refresh);

        swipeRefreshView = findViewById(R.id.swipeRefreshView);
        listView = findViewById(R.id.listView);

        //設置適配器
        list=new ArrayList<>();
        adapter = new ProductAdapter(this, list);
        listView.setAdapter(adapter);


        //設置下拉進度的背景顏色,默認是白色
        swipeRefreshView.setProgressBackgroundColorSchemeResource(android.R.color.white);
        //設置下拉進度的肢體顏色
        swipeRefreshView.setColorSchemeResources(R.color.colorAccent, R.color.colorPrimary, R.color.colorPrimaryDark);

        swipeRefreshView.setItemCount(20);

        // 手動調用,通知系統去測量
         swipeRefreshView.measure(0,0);
         swipeRefreshView.setRefreshing(true);

        initData();

        //下拉時觸發SwipeRefreshLayout的下拉動畫,動畫完畢後回調這個方法
        swipeRefreshView.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
            @Override
            public void onRefresh() {
                initData();
            }
        });

        //設置下拉加載更多
        swipeRefreshView.setOnLoadMoreListener(new SwipeRefreshView.OnLoadMoreListener() {
            @Override
            public void onLoadMore() {

              loadMoreData();
            }
        });

    }


    /**
     * 第一次刷新數據
     */
    private void initData()
    {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                list.clear();
                list.addAll(DataResource.getData());
                adapter.notifyDataSetChanged();
                //加載完數據,設置爲不刷新狀態,將下拉進度收起來
                swipeRefreshView.setRefreshing(false);
                Toast.makeText(RefreshActicity.this, "刷新了20條數據", Toast.LENGTH_SHORT).show();

                // 加載完數據設置爲不刷新狀態,將下拉進度收起來
                if (swipeRefreshView.isRefreshing()) {
                    swipeRefreshView.setRefreshing(false);
                }
            }
        }, 2000);
    }

    /**
     * 加載更多數據
     */
    private void loadMoreData()
    {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {

                list.clear();
                list.addAll(DataResource.getMoreData());
                Toast.makeText(RefreshActicity.this, "加載了" + 20 + "條數據", Toast.LENGTH_SHORT).show();
                // 加載完數據設置爲不加載狀態,將加載進度收起來
                swipeRefreshView.setLoading(false);
            }
        }, 2000);
    }

    public static class DataResource {
        private static List<Product> datas = new ArrayList<>();
        private static int page = 0;

        //第一次加載數據
        public static List<Product> getData() {
            page = 0;
            datas.clear();
            for (int i = 0; i < 20; i++) {
                Random random = new Random();
                Product product = new Product("100" + (i+1), "testdata", random.nextInt(100));
                datas.add(product);
            }
            return datas;
        }

        //加載更多數據
        public static List<Product> getMoreData() {
            page = page + 1;
            for (int i = 20 * page; i < 20 * (page + 1); i++) {
                Random random = new Random();
                Product product = new Product("100" + (i+1), "testdata", random.nextInt(100));
                datas.add(product);
            }
            return datas;
        }

    }

}
相關文章
相關標籤/搜索