Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發 >> 關於android開發 >> Android SwipeRefreshLayout下拉刷新與上拉加載+滑動刪除

Android SwipeRefreshLayout下拉刷新與上拉加載+滑動刪除

編輯:關於android開發

Android SwipeRefreshLayout下拉刷新與上拉加載+滑動刪除


SwipeRefreshLayout–Google官方提出的下拉刷新控件,廣泛應用在各種APP中。一直想弄一個既能支持下拉刷新,又能夠上拉加載,同時還能實現類似於QQ的滑動刪除效果。上網找了很多資料,最後達到了下面的效果:
這裡寫圖片描述

 

接下來看看具體實現過程。

1.界面布局:<喎?http://www.Bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vc3Ryb25nPjwvcD4NCjxwcmUgY2xhc3M9"brush:java;"> <code class=" hljs avrasm"> <com.example.swiperefreshlayoutdemo.refreshlayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/swipe_container" android:layout_width="match_parent" android:layout_height="match_parent"> <com.example.swiperefreshlayoutdemo.qqlistview android:id="@+id/list" android:layout_width="match_parent" android:layout_height="wrap_content"> </com.example.swiperefreshlayoutdemo.qqlistview> </com.example.swiperefreshlayoutdemo.refreshlayout></code>

因為要實現上拉加載以及滑動刪除,所以用的都是自定義的RefreshLayout以及Listview。
2.代碼實現:

SwipeRefreshLayout的上拉加載實現有兩種方法,一種是實現滑動監聽,當滑動到底部時實現加載更多功能;一種是通過事件傳遞機制監聽上拉動作,然後實現加載更多功能。先看第一種加載原理:

自定義的SwipeRefreshLayout:

//繼承自SwipeRefreshLayout,從而實現滑動到底部時上拉加載更多的功能.

public class RefreshLayout extends SwipeRefreshLayout implements    OnScrollListener {

    // listview實例
    private ListView mListView;
    // 上拉接口監聽器, 到了最底部的上拉加載操作
    private OnLoadListener mOnLoadListener;
    // ListView的加載中footer
    private View mListViewFooter;
    // 是否在加載中 ( 上拉加載更多 )
    private boolean isLoading = false;

    public RefreshLayout(Context context) {
        this(context, null);
    }

    public RefreshLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        //一個圓形進度條
        mListViewFooter = LayoutInflater.from(context).inflate(
                R.layout.listview_footer, null, false);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right,
            int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        // 初始化ListView對象
        if (mListView == null) {
            getListView();
        }
    }

    // 獲取ListView對象
    private void getListView() {
        int childs = getChildCount();
        if (childs > 0) {
            View childView = getChildAt(0);
            if (childView instanceof ListView) {
                mListView = (ListView) childView;
                // 設置滾動監聽器給ListView
                mListView.setOnScrollListener(this);
            }
        }
    }

    // 設置加載狀態,添加或者移除加載更多圓形進度條
    public void setLoading(boolean loading) {
        isLoading = loading;
        if (isLoading) {
            mListView.addFooterView(mListViewFooter);
        } else {
            mListView.removeFooterView(mListViewFooter);

        }
    }

    //設置監聽器
    public void setOnLoadListener(OnLoadListener loadListener) {
        mOnLoadListener = loadListener;
    }

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {

    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {

        // 判斷是否到了最底部,並且不是在加載數據的狀態
        if (mListView.getLastVisiblePosition() == mListView.getAdapter()
                .getCount() - 1 && isLoading == false) {
            // 首先設置加載狀態
            setLoading(true);
            // 調用加載數據的方法
            mOnLoadListener.onLoad();

        }

    }

    // 加載更多的接口
    public interface OnLoadListener {
        public void onLoad();
    }
}

注釋寫的很清楚,實現滑動監聽,然後初始化listview,寫好加載任務接口與方法。在滑動監聽方法裡面,有幾個參數注意一下:
firstVisibleItem 表示在當前屏幕顯示的第一個listItem在整個listView裡面的位置(下標從0開始)
visibleItemCount表示在現時屏幕可以見到的ListItem(部分顯示的ListItem也算)總數
totalItemCount表示ListView的ListItem總數
listView.getLastVisiblePosition()表示在現時屏幕最後一個ListItem (最後ListItem要完全顯示出來才算)在整個ListView的位置(下標從0開始)
剛開始只判斷是否滑動到了最底部,沒有對加載狀態進行判斷,導致程序運行崩潰,在最底部加載數據時會一直加載。後來加上判斷,默認不加載數據,isLoading==false,滑動到最底部加載數據時,設置為true,當加載完成以後,設置為false,加載完畢。

接下來是第二種加載原理:

public class RefreshLayout extends SwipeRefreshLayout {

    // listview實例
    private ListView mListView;
    // 上拉接口監聽器, 到了最底部的上拉加載操作
    private OnLoadListener mOnLoadListener;
    // ListView的加載中footer
    private View mListViewFooter;
    // 是否在加載中 ( 上拉加載更多 )
    private boolean isLoading = false;

    // 按下時的y坐標
    private int mYDown;
    // 抬起時的y坐標
    private int mLastY;
    // 滑動到最下面時的上拉操作
    private int mTouchSlop;

    public RefreshLayout(Context context) {
        this(context, null);
    }

    public RefreshLayout(Context context, AttributeSet attrs) {
        super(context, attrs);

        mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
        mListViewFooter = LayoutInflater.from(context).inflate(
                R.layout.listview_footer, null, false);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right,
            int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        // 初始化ListView對象
        if (mListView == null) {
            getListView();
        }
    }

    // 獲取ListView對象
    private void getListView() {
        int childs = getChildCount();
        if (childs > 0) {
            View childView = getChildAt(0);
            if (childView instanceof ListView) {
                mListView = (ListView) childView;
            }
        }
    }

    public boolean dispatchTouchEvent(MotionEvent event) {
        final int action = event.getAction();

        switch (action) {
        case MotionEvent.ACTION_DOWN:
            // 按下
            mYDown = (int) event.getRawY();
            break;

        case MotionEvent.ACTION_MOVE:
            // 移動
            mLastY = (int) event.getRawY();
            break;

        case MotionEvent.ACTION_UP:
            // 抬起
            if ((mYDown - mLastY) >= mTouchSlop && isLoading == false) {
                // 設置狀態
                setLoading(true);
                //
                mOnLoadListener.onLoad();
            }
            break;
        default:
            break;
        }

        return super.dispatchTouchEvent(event);
    }

    // 設置加載狀態
    public void setLoading(boolean loading) {
        isLoading = loading;
        if (isLoading) {
            mListView.addFooterView(mListViewFooter);
        } else {
            mListView.removeFooterView(mListViewFooter);

        }
    }

    // 設置監聽器
    public void setOnLoadListener(OnLoadListener loadListener) {
        mOnLoadListener = loadListener;
    }

    // 加載更多的接口
    public interface OnLoadListener {
        public void onLoad();
    }
}

初始化數據都一樣,不同的是記錄了兩個Y坐標,一個按下,一個抬起,用來判斷滑動到底部時的上拉動作。getScaledTouchSlop是一個距離,表示滑動的時候,手的移動要大於這個距離才開始移動控件。如果小於這個距離就不觸發移動控件,如viewpager就是用這個距離來判斷用戶是否翻頁。
然後就是通過事件傳遞機制,拿到view的三個動作:
MotionEvent.ACTION_DOWN 按下View,是所有事件的開始
MotionEvent.ACTION_MOVE 滑動事件
MotionEvent.ACTION_UP 與down對應,表示抬起
當滑動的距離大於或者等於要求距離並且加載狀態為false時,開始設置狀態,加載數據,原理和上面一樣。

接下裡就是MainActivity的相關代碼:

public class MainActivity extends Activity implements OnRefreshListener,
        OnLoadListener {

    private RefreshLayout swipeLayout;
    private QQListView listView;
    private MyAdapter adapter;
    private List list = new ArrayList();
    private int y = 11;

    @Override
    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        setData();
        setListener();
    }

    private void initView() {
        swipeLayout = (RefreshLayout) findViewById(R.id.swipe_container);
        swipeLayout.setOnRefreshListener(this);
        swipeLayout.setColorScheme(android.R.color.holo_blue_bright,
                android.R.color.holo_green_light,
                android.R.color.holo_orange_light,
                android.R.color.holo_red_light);

    }

    private void setData() {
        list = new ArrayList<>();
        for (int i = 3; i < 12; i++) {
            list.add(i);
        }

        listView = (QQListView) findViewById(R.id.list);
        adapter = new MyAdapter(this, list);
        listView.setAdapter(adapter);

        listView.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView arg0, View arg1,
                    int position, long arg3) {

                Toast.makeText(getApplicationContext(),
                        "這是第" + String.valueOf(position + 1) + "項",
                        Toast.LENGTH_SHORT).show();

            }
        });

        listView.setDelButtonClickListener(new DelButtonClickListener() {

            @Override
            public void clickHappend(int position) {
                list.remove(position);
                refresh();
            }
        });

    }

    private void setListener() {
        swipeLayout.setOnRefreshListener(this);
        swipeLayout.setOnLoadListener(this);
    }

    @Override
    public void onRefresh() {
        swipeLayout.postDelayed(new Runnable() {

            @Override
            public void run() {
                // 更新數據
                list.clear();
                y = 12;
                for (int i = 0; i < 13; i++) {
                    list.add(i);
                }
                refresh();

                // 更新完後調用該方法結束刷新
                swipeLayout.setRefreshing(false);
            }
        }, 1000);

    }

    @Override
    public void onLoad() {
        swipeLayout.postDelayed(new Runnable() {

            @Override
            public void run() {
                // 更新數據
                y++;
                list.add(y);
                refresh();
                // 更新完後調用該方法結束刷新
                swipeLayout.setLoading(false);
            }
        }, 1000);

    }

    private void refresh() {
        adapter.setList(list);
        adapter.notifyDataSetChanged();
    }

}

實現自帶的下拉刷新接口方法以及我們自己定義的上拉加載方法,然後在各自的方法裡進行業務操作,我這裡模擬的是簡單數字刷新。到這裡,SwipeRefreshLayout的下拉刷新與上拉加載已經完成。最後就是SwipeRefreshLayout的滑動刪除。

這裡的滑動刪除參考的是鴻洋的這篇博客,代碼注釋,講解都很詳細:

滑動刪除item原理就是通過回調拿到item的position,然後執行刪除操作,更新適配器即可。難點就是解決上拉加載與下拉刷新操作與listview側滑刪除操作沖突的問題

@Override
    public boolean dispatchTouchEvent(MotionEvent ev) {

        //獲得動作類型
        int action = ev.getAction();
        int x = (int) ev.getX();
        int y = (int) ev.getY();
        switch (action) {

        case MotionEvent.ACTION_DOWN:
            xDown = x;
            yDown = y;
            /**
             * 如果當前popupWindow顯示,則直接隱藏,然後屏蔽ListView的touch事件的下傳
             */
            if (mPopupWindow.isShowing()) {
                dismissPopWindow();
                return false;
            }
            // 獲得當前手指按下時的item的位置
            mCurrentViewPos = pointToPosition(xDown, yDown);
            View view = getChildAt(mCurrentViewPos - getFirstVisiblePosition());
            mCurrentView = view;
            break;
        case MotionEvent.ACTION_MOVE:
            xMove = x;
            yMove = y;
            int dx = xMove - xDown;
            int dy = yMove - yDown;
            /**
             * 判斷是否是從右到左的滑動
             */
            if (xMove < xDown && Math.abs(dx) > touchSlop
                    && Math.abs(dy) < touchSlop) {
                // Log.e(TAG, "touchslop = " + touchSlop + " , dx = " + dx +
                // " , dy = " + dy);
                isSliding = true;
            }
            break;
        }
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        int action = ev.getAction();
        /**
         * 如果是從右到左的滑動才相應 
         */
        if (isSliding) {
            switch (action) {
            case MotionEvent.ACTION_MOVE:

                int[] location = new int[2];
                // 獲得當前item的位置x與y 
                mCurrentView.getLocationOnScreen(location);
                // 設置popupWindow的動畫  
                mPopupWindow
                        .setAnimationStyle(R.style.popwindow_delete_btn_anim_style);
                mPopupWindow.update();
                mPopupWindow.showAtLocation(mCurrentView, Gravity.LEFT
                        | Gravity.TOP, location[0] + mCurrentView.getWidth(),
                        location[1] + mCurrentView.getHeight() / 2
                                - mPopupWindowHeight / 2);
                // 設置刪除按鈕的回調  
                mDelBtn.setOnClickListener(new OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        if (mListener != null) {
                            mListener.clickHappend(mCurrentViewPos);
                            mPopupWindow.dismiss();
                        }
                    }
                });
                // Log.e(TAG, "mPopupWindow.getHeight()=" + mPopupWindowHeight);

                break;
            case MotionEvent.ACTION_UP:
                isSliding = false;

            }
            //  相應滑動期間屏幕itemClick事件,避免發生沖突
            return true;
        }

        return super.onTouchEvent(ev);
    }

通過dispatchTouchEvent事件傳遞機制,設置當前是否響應用戶滑動,然後在onTouchEvent中判斷是否響應,如果響應則popupWindow以動畫的形式展示出來。當然屏幕上如果存在PopupWindow,則屏幕ListView的滾動與Item的點擊,以及從右到左滑動時屏幕Item的click事件都將被屏蔽。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved