天天看點
傳回

使用谷歌提供的SwipeRefreshLayout下拉控件,并自定義實作下拉加載的功能

package com.loaderman.swiperefreshdemo;

import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.app.AppCompatActivity;
import android.view.Gravity;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.loaderman.swiperefreshdemo.view.SwipeRefreshView;

import java.util.ArrayList;
import java.util.List;
import java.util.Random;


/**
 * 使用谷歌提供的SwipeRefreshLayout下拉控件進行下拉重新整理
 */
public class MainActivity extends AppCompatActivity {
    private List<String> mList;
    private int mCount;
    private StringAdapter mAdapter;

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

        final SwipeRefreshView swipeRefreshView = (SwipeRefreshView) findViewById(R.id.srl);
        ListView listView = (ListView) findViewById(R.id.lv);

        // 設定擴充卡資料
        mList = new ArrayList<>();
        for (int i = 0; i < 30; i++) {
            mList.add("我是天才" + i + "号");
            mCount++;
        }
        mAdapter = new StringAdapter();
        listView.setAdapter(mAdapter);


        // 不能在onCreate中設定，這個表示目前是重新整理狀态，如果一進來就是重新整理狀态，SwipeRefreshLayout會屏蔽掉下拉事件
        //swipeRefreshLayout.setRefreshing(true);

        // 設定顔色屬性的時候一定要注意是引用了資源檔案還是直接設定16進制的顔色，因為都是int值容易搞混
        // 設定下拉進度的背景顔色，預設就是白色的
        swipeRefreshView.setProgressBackgroundColorSchemeResource(android.R.color.white);
        // 設定下拉進度的主題顔色
        swipeRefreshView.setColorSchemeResources(R.color.colorAccent, R.color.colorPrimary, R.color.colorPrimaryDark);

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

                // 開始重新整理，設定目前為重新整理狀态
                //swipeRefreshLayout.setRefreshing(true);

                // 這裡是主線程
                // 一些比較耗時的操作，比如聯網擷取資料，需要放到子線程去執行
                // TODO 擷取資料
                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);

                // System.out.println(Thread.currentThread().getName());

                // 這個不能寫在外邊，不然會直接收起來
                //swipeRefreshLayout.setRefreshing(false);
            }
        });


        // 設定下拉加載更多
        swipeRefreshView.setOnLoadListener(new SwipeRefreshView.OnLoadListener() {
            @Override
            public void onLoad() {
                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, "加載了" + 5 + "條資料", Toast.LENGTH_SHORT).show();

                        // 加載完資料設定為不加載狀态，将加載進度收起來
                        swipeRefreshView.setLoading(false);
                    }
                }, 1200);
            }
        });


    }


    /**
     * 擴充卡
     */
    private class StringAdapter extends BaseAdapter {

        @Override
        public int getCount() {
            return mList.size();
        }

        @Override
        public Object getItem(int position) {
            return mList.get(position);
        }
        @Override
        public long getItemId(int position) {
            return position;
        }
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            if (convertView == null) {
                convertView = View.inflate(MainActivity.this, android.R.layout.simple_list_item_1, null);
            }
            TextView tv = (TextView) convertView;
            tv.setGravity(Gravity.CENTER);
            tv.setPadding(0, 20, 0, 20);
            tv.setText(mList.get(position));

            return convertView;
        }
    }
}
      
package com.loaderman.swiperefreshdemo.view;

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;
import com.loaderman.swiperefreshdemo.R;

/**
 * 自定義View繼承SwipeRefreshLayout，添加上拉加載更多的布局屬性
 * Created by Pinger on 2016/9/26.
 */

public class SwipeRefreshView extends SwipeRefreshLayout {

    private final int mScaledTouchSlop;
    private final View mFooterView;
    private ListView mListView;
    private OnLoadListener mOnLoadListener;
    /**
     * 正在加載狀态
     */
    private boolean isLoading;
    public SwipeRefreshView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // 填充底部加載布局
        mFooterView = View.inflate(context, R.layout.view_footer, null);
        // 表示控件移動的最小距離，手移動的距離大于這個距離才能拖動控件
        mScaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
        System.out.println("====" + mScaledTouchSlop);
    }
    @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;
    }
}

 activity_main.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.pinger.swiperefreshdemo.MainActivity">
    <!--使用谷歌官方的下拉重新整理元件,隻有下拉重新整理功能-->
<!--
    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/srl"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ListView
            android:id="@+id/lv"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </android.support.v4.widget.SwipeRefreshLayout>
-->


    <!--自定義View實作SwipeRefreshLayout，添加上拉加載更多的功能-->
    <com.loaderman.swiperefreshdemo.view.SwipeRefreshView
        android:id="@+id/srl"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ListView
            android:id="@+id/lv"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </com.loaderman.swiperefreshdemo.view.SwipeRefreshView>
</RelativeLayout>
      
<?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="50dp">
        <ProgressBar
            android:id="@+id/load_progress"
            android:layout_width="25dp"
            android:layout_height="25dp"
            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/holo_red_dark"
            android:textSize="16sp"/>
    </RelativeLayout>
</RelativeLayout>
android 加載 ide xml 資料
上一篇: 自定義圓形圖檔控件CircleImageView的實作
下一篇: 基于架構式的短視訊APP開發 SDK 架構設計實踐

繼續閱讀