1. 程式人生 > >recyclerview單擊事件和多條目點選事件

recyclerview單擊事件和多條目點選事件

方法一:利用View.onClickListener及onLongClickListener

利用了java回撥機制,這裡我們依賴於子Item View的onClickListener及onLongClickListener。 首先對MyAdapter.java程式碼做出如下修改: ①新建兩個內部介面:

    public interface OnItemClickListener{
        void onItemClick(View view,int position);
    }

    public interface OnItemLongClickListener{
        void
onItemLongClick(View view,int position)
; }

②新建兩個私有變數用於儲存使用者設定的監聽器及其set方法:

    private OnItemClickListener mOnItemClickListener;
    private OnItemLongClickListener mOnItemLongClickListener;

    public void setOnItemClickListener(OnItemClickListener mOnItemClickListener){
        this.mOnItemClickListener = mOnItemClickListener;
    }

    public
void setOnItemLongClickListener(OnItemLongClickListener mOnItemLongClickListener)
{ this.mOnItemLongClickListener = mOnItemLongClickListener; }

③在onBindViewHolder方法內,實現回撥:

@Override
public void onBindViewHolder(final ViewHolder holder, int position) {
    holder.mTextView.setText(mDataSet.get(position));
    //判斷是否設定了監聽器
if(mOnItemClickListener != null){ //為ItemView設定監聽器 holder.itemView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int position = holder.getLayoutPosition(); // 1 mOnItemClickListener.onItemClick(holder.itemView,position); // 2 } }); } if(mOnItemLongClickListener != null){ holder.itemView.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { int position = holder.getLayoutPosition(); mOnItemLongClickListener.onItemLongClick(holder.itemView,position); //返回true 表示消耗了事件 事件不會繼續傳遞 return true; } }); } }

可以看到,這裡實際上用到了子Item View的onClickListener和onLongClickListener這兩個監聽器,如果當前子item view被點選了,會觸發點選事件進行回撥,然後在①處獲取當前點選位置的position值,接著在②號程式碼處進行再次回撥,而這一次的回撥是我們自己手動新增的,需要實現上面所述的介面。
修改完MyAdapter.java後,我們接著在MainActivity.java中設定監聽器,採用匿名內部類的形式實現了onItemClickListener、onItemLongClickListener介面,這種寫法與一般的設定監聽器的流程相同:

mAdapter = new MyAdapter(mData);
mAdapter.setOnItemClickListener(new MyAdapter.OnItemClickListener() {
    @Override
    public void onItemClick(View view, int position) {
        Toast.makeText(MainActivity.this, "click " + mData.get(position), Toast.LENGTH_SHORT).show();
    }
});
mAdapter.setOnItemLongClickListener(new MyAdapter.OnItemLongClickListener() {
    @Override
    public void onItemLongClick(View view, int position) {
        Toast.makeText(MainActivity.this,"long click "+mData.get(position),Toast.LENGTH_SHORT).show();
    }
});
mRecyclerView.setAdapter(mAdapter);

我們執行程式,觀察一下執行結果:


點選Item 1.png
長按 Item 2.png

方法二:利用RecyclerView.OnItemTouchListener

官方雖然沒有提供現成的監聽器,但是提供了一個內部介面:OnItemTouchListener,我們看看官方文件對它的描述:An OnItemTouchListener allows the application to intercept touch events in progress at the view hierarchy level of the RecyclerView before those touch events are considered for RecyclerView's own scrolling behavior。大概意思是說該介面允許我們對RecyclerView的觸控事件進行攔截,我們看看它的幾個介面方法:

    @Override
    public boolean onInterceptTouchEvent(RecyclerView rv, MotionEvent e) {
        return false;
    }

    @Override
    public void onTouchEvent(RecyclerView rv, MotionEvent e) {

    }

    @Override
    public void onRequestDisallowInterceptTouchEvent(boolean disallowIntercept) {

    }

熟悉View事件分發機制的同學看到這些方法的名字一定覺得很熟悉了吧,所以這個介面的實質是利用了View的事件分發與攔截機制。大體思路是:我們可以在onInterceptTouchEvent獲取當前觸控位置對應的子item view,根據點選狀態決定是否要把事件攔截,在攔截的時候同時新增一個回撥方法,這樣我們自己實現的監聽器介面就能在這裡得到回撥。具體的請看如下程式碼:
新建一個RecyclerViewClickListener.java:

/**
  *  @author ChenYu
  *      2016-05-10
  */
public class RecyclerViewClickListener implements RecyclerView.OnItemTouchListener {

    private int mLastDownX,mLastDownY;
    //該值記錄了最小滑動距離
    private int touchSlop ;
    private OnItemClickListener mListener;
    //是否是單擊事件
    private boolean isSingleTapUp = false;
    //是否是長按事件
    private boolean isLongPressUp = false;
    private boolean isMove = false;
    private long mDownTime;

    //內部介面,定義點選方法以及長按方法
    public interface OnItemClickListener {
        void onItemClick(View view, int position);

        void onItemLongClick(View view, int position);
    }

    public RecyclerViewClickListener(Context context,OnItemClickListener listener){
        touchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
        mListener = listener;
    }
    @Override
    public boolean onInterceptTouchEvent(RecyclerView rv, MotionEvent e) {
        int x = (int) e.getX();
        int y = (int) e.getY();
        switch (e.getAction()){
            /**
             *  如果是ACTION_DOWN事件,那麼記錄當前按下的位置,
             *  記錄當前的系統時間。
             */
            case MotionEvent.ACTION_DOWN:
                mLastDownX = x;
                mLastDownY = y;
                mDownTime = System.currentTimeMillis();
                isMove = false;
                break;
            /**
             *  如果是ACTION_MOVE事件,此時根據TouchSlop判斷使用者在按下的時候是否滑動了,
             *  如果滑動了,那麼接下來將不處理點選事件
             */
            case MotionEvent.ACTION_MOVE:
                if(Math.abs(x - mLastDownX)>touchSlop || Math.abs(y - mLastDownY)>touchSlop){
                    isMove = true;
                }
                break;
            /**
             *  如果是ACTION_UP事件,那麼根據isMove標誌位來判斷是否需要處理點選事件;
             *  根據系統時間的差值來判斷是哪種事件,如果按下事件超過1s,則認為是長按事件,
             *  否則是單擊事件。
             */
            case MotionEvent.ACTION_UP:
                if(isMove){
                    break;
                }
                if(System.currentTimeMillis()-mDownTime > 1000){
                    isLongPressUp = true;
                }else {
                    isSingleTapUp = true;
                }
                break;
        }
        if(isSingleTapUp ){
            //根據觸控座標來獲取childView
            View childView = rv.findChildViewUnder(e.getX(),e.getY());
            isSingleTapUp = false;
            if(childView != null){
                //回撥mListener#onItemClick方法
                mListener.onItemClick(childView,rv.getChildLayoutPosition(childView));
                return true;
            }
            return false;
        }
        if (isLongPressUp ){
            View childView = rv.findChildViewUnder(e.getX(),e.getY());
            isLongPressUp = false;
            if(childView != null){
                mListener.onItemLongClick(childView, rv.getChildLayoutPosition(childView));
                return true;
            }
            return false;
        }
        return false;
    }

    @Override
    public void onTouchEvent(RecyclerView rv, MotionEvent e) {

    }

    @Override
    public void onRequestDisallowInterceptTouchEvent(boolean disallowIntercept) {

    }
}

接著我們在MainActivity.java新增一段程式碼,同時不要忘記把方法一的程式碼註釋掉哦:

 //呼叫RecyclerView#addOnItemTouchListener方法能新增一個RecyclerView.OnItemTouchListener物件
 mRecyclerView.addOnItemTouchListener(new RecyclerViewClickListener(this,new RecyclerViewClickListener.OnItemClickListener() {
    @Override
    public void onItemClick(View view, int position) {
        Toast.makeText(MainActivity.this,"Click "+mData.get(position),Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onItemLongClick(View view, int position) {
        Toast.makeText(MainActivity.this,"Long Click "+mData.get(position),Toast.LENGTH_SHORT).show();
    }
}));

OK,編譯通過執行程式,結果和上面一模一樣。

那麼方法一和方法二有何區別呢?
首先,方法一我們是直接在MyAdapter資料介面卡中,為itemview設定了內建監聽器,再通過這個監聽器實現我們的回撥方法,相當於回調了兩次,同時這個方法與MyAdapter的耦合度比較高,也違反了單一職責原則,當然其簡易性也是突出的優點。而方法二,我們利用了onTouchListener介面對事件進行了攔截,在攔截中處理我們的點選事件,實現了與介面卡的解耦,但是複雜程度會比方法一大。總地來說,如果RecyclerView需要處理的點選事件邏輯很簡單,那麼可以使用方法一;如果需要處理比較複雜的點選事件,比如說,雙擊、長按等點選事件,則需要使用方法二去實現各種複雜的邏輯。

對方法二的優化

在實現方法二的RecyclerViewClickListener的時候,在內部對事件的實現了單擊、長按的判斷,但是這個長按事件不是標準的,只有鬆開手指的時候才會觸發長按事件,這也算是一點瑕疵,同時如果要增加別的事件,比如說雙擊事件,則需要增加相應的邏輯,如果需要判斷的事件種類變多則會給我們的程式碼編寫帶來困難,那麼有沒有更加簡便的方法呢?其實安卓SDK為我們提供了一個手勢檢測類:GestureDetector來處理各種不同的手勢,那麼我們完全可以利用GestureDetector來對方法二進行改進。

新建RecyclerViewClickListener2.java:

public class RecyclerViewClickListener2 implements RecyclerView.OnItemTouchListener {

    private GestureDetector mGestureDetector;
    private OnItemClickListener mListener;

    //內部介面,定義點選方法以及長按方法
    public interface OnItemClickListener {
        void onItemClick(View view, int position);

        void onItemLongClick(View view, int position);
    }

    public RecyclerViewClickListener2(Context context, final RecyclerView recyclerView,OnItemClickListener listener){
        mListener = listener;
        mGestureDetector = new GestureDetector(context,
                new GestureDetector.SimpleOnGestureListener(){ //這裡選擇SimpleOnGestureListener實現類,可以根據需要選擇重寫的方法
                    //單擊事件
                    @Override
                    public boolean onSingleTapUp(MotionEvent e) {
                        View childView = recyclerView.findChildViewUnder(e.getX(),e.getY());
                        if(childView != null && mListener != null){
                            mListener.onItemClick(childView,recyclerView.getChildLayoutPosition(childView));
                            return true;
                        }
                        return false;
                    }
                    //長按事件
                    @Override
                    public void onLongPress(MotionEvent e) {
                        View childView = recyclerView.findChildViewUnder(e.getX(),e.getY());
                        if(childView != null && mListener != null){
                            mListener.onItemLongClick(childView,recyclerView.getChildLayoutPosition(childView));
                        }
                    }
                });
    }
    @Override
    public boolean onInterceptTouchEvent(RecyclerView rv, MotionEvent e) {
        //把事件交給GestureDetector處理
        if(mGestureDetector.onTouchEvent(e)){
            return true;
        }else
            return false;
    }

    @Override
    public void onTouchEvent(RecyclerView rv, MotionEvent e) {
    }

    @Override
    public void onRequestDisallowInterceptTouchEvent(boolean disallowIntercept) {
    }
}

在MainActivity.java改動如下:

mRecyclerView.addOnItemTouchListener(new RecyclerViewClickListener2(this, mRecyclerView,
        new RecyclerViewClickListener2.OnItemClickListener() {
    @Override
    public void onItemClick(View view, int position) {
        Toast.makeText(MainActivity.this,"Click "+mData.get(position),Toast.LENGTH_SHORT).show();
    }

    @Override
    public void onItemLongClick(View view, int position) {
        Toast.makeText(MainActivity.this,"Long Click "+mData.get(position),Toast.LENGTH_SHORT).show();
    }
}));

執行結果與上面的相同。