揭開RecyclerView的神秘面紗(二):處理RecyclerView的點(diǎn)擊事件

前言

上一篇文章揭開RecyclerView的神秘面紗(一):RecyclerView的基本使用中,主要講述了RecyclerView的基本使用方法,不同的布局管理器而造成的多樣化展示方式,展示了數(shù)據(jù)之后,一般都會(huì)與用戶進(jìn)行交互,因此我們需要處理用戶的點(diǎn)擊事件。在ListView和GridView提供了onItemClickListener這個(gè)監(jiān)聽器,然而我們查找RecyclerView的API卻沒有類似的監(jiān)聽器,因此我們需要自己手動(dòng)處理它的點(diǎn)擊事件。
以下提供兩種方法來(lái)實(shí)現(xiàn)處理RecyclerView點(diǎn)擊事件的功能,以下代碼均基于上一篇文章的代碼做出修改。

方法一:利用View.onClickListener及onLongClickListener

利用了java回調(diào)機(jī)制,這里我們依賴于子Item View的onClickListener及onLongClickListener。
首先對(duì)MyAdapter.java代碼做出如下修改
①新建兩個(gè)內(nèi)部接口:

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

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

②新建兩個(gè)私有變量用于保存用戶設(shè)置的監(jiān)聽器及其set方法:

    private OnItemClickListener mOnItemClickListener;
    private OnItemLongClickListener mOnItemLongClickListener;

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

③在onBindViewHolder方法內(nèi),實(shí)現(xiàn)回調(diào):

@Override
public void onBindViewHolder(final ViewHolder holder, int position) {
    holder.mTextView.setText(mDataSet.get(position));
    //判斷是否設(shè)置了監(jiān)聽器
    if(mOnItemClickListener != null){
        //為ItemView設(shè)置監(jiān)聽器
        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 表示消耗了事件 事件不會(huì)繼續(xù)傳遞
                return true;
            }
        });
    }
}

可以看到,這里實(shí)際上用到了子Item View的onClickListener和onLongClickListener這兩個(gè)監(jiān)聽器,如果當(dāng)前子item view被點(diǎn)擊了,會(huì)觸發(fā)點(diǎn)擊事件進(jìn)行回調(diào),然后在①處獲取當(dāng)前點(diǎn)擊位置的position值,接著在②號(hào)代碼處進(jìn)行再次回調(diào),而這一次的回調(diào)是我們自己手動(dòng)添加的,需要實(shí)現(xiàn)上面所述的接口。
修改完MyAdapter.java后,我們接著在MainActivity.java中設(shè)置監(jiān)聽器,采用匿名內(nèi)部類的形式實(shí)現(xiàn)了onItemClickListener、onItemLongClickListener接口,這種寫法與一般的設(shè)置監(jiān)聽器的流程相同:

    
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);

我們運(yùn)行程序,觀察一下運(yùn)行結(jié)果:


點(diǎn)擊Item 1.png

長(zhǎng)按 Item 2.png

方法二:利用RecyclerView.OnItemTouchListener

官方雖然沒有提供現(xiàn)成的監(jiān)聽器,但是提供了一個(gè)內(nèi)部接口:OnItemTouchListener,我們看看官方文檔對(duì)它的描述: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。大概意思是說(shuō)該接口允許我們對(duì)RecyclerView的觸摸事件進(jìn)行攔截,我們看看它的幾個(gè)接口方法:

    @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事件分發(fā)機(jī)制的同學(xué)看到這些方法的名字一定覺得很熟悉了吧,所以這個(gè)接口的實(shí)質(zhì)是利用了View的事件分發(fā)與攔截機(jī)制。大體思路是:我們可以在onInterceptTouchEvent獲取當(dāng)前觸摸位置對(duì)應(yīng)的子item view,根據(jù)點(diǎn)擊狀態(tài)決定是否要把事件攔截,在攔截的時(shí)候同時(shí)添加一個(gè)回調(diào)方法,這樣我們自己實(shí)現(xiàn)的監(jiān)聽器接口就能在這里得到回調(diào)。具體的請(qǐng)看如下代碼:
新建一個(gè)RecyclerViewClickListener.java:

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

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

    //內(nèi)部接口,定義點(diǎn)擊方法以及長(zhǎng)按方法
    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事件,那么記錄當(dāng)前按下的位置,
             *  記錄當(dāng)前的系統(tǒng)時(shí)間。
             */
            case MotionEvent.ACTION_DOWN:
                mLastDownX = x;
                mLastDownY = y;
                mDownTime = System.currentTimeMillis();
                isMove = false;
                break;
            /**
             *  如果是ACTION_MOVE事件,此時(shí)根據(jù)TouchSlop判斷用戶在按下的時(shí)候是否滑動(dòng)了,
             *  如果滑動(dòng)了,那么接下來(lái)將不處理點(diǎn)擊事件
             */
            case MotionEvent.ACTION_MOVE:
                if(Math.abs(x - mLastDownX)>touchSlop || Math.abs(y - mLastDownY)>touchSlop){
                    isMove = true;
                }
                break;
            /**
             *  如果是ACTION_UP事件,那么根據(jù)isMove標(biāo)志位來(lái)判斷是否需要處理點(diǎn)擊事件;
             *  根據(jù)系統(tǒng)時(shí)間的差值來(lái)判斷是哪種事件,如果按下事件超過1s,則認(rèn)為是長(zhǎng)按事件,
             *  否則是單擊事件。
             */
            case MotionEvent.ACTION_UP:
                if(isMove){
                    break;
                }
                if(System.currentTimeMillis()-mDownTime > 1000){
                    isLongPressUp = true;
                }else {
                    isSingleTapUp = true;
                }
                break;
        }
        if(isSingleTapUp ){
            //根據(jù)觸摸坐標(biāo)來(lái)獲取childView
            View childView = rv.findChildViewUnder(e.getX(),e.getY());
            isSingleTapUp = false;
            if(childView != null){
                //回調(diào)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) {

    }
}

接著我們?cè)?strong>MainActivity.java添加一段代碼,同時(shí)不要忘記把方法一的代碼注釋掉哦:

 //調(diào)用RecyclerView#addOnItemTouchListener方法能添加一個(gè)RecyclerView.OnItemTouchListener對(duì)象
 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,編譯通過運(yùn)行程序,結(jié)果和上面一模一樣。

那么方法一和方法二有何區(qū)別呢?
首先,方法一我們是直接在MyAdapter數(shù)據(jù)適配器中,為itemview設(shè)置了內(nèi)置監(jiān)聽器,再通過這個(gè)監(jiān)聽器實(shí)現(xiàn)我們的回調(diào)方法,相當(dāng)于回調(diào)了兩次,同時(shí)這個(gè)方法與MyAdapter的耦合度比較高,也違反了單一職責(zé)原則,當(dāng)然其簡(jiǎn)易性也是突出的優(yōu)點(diǎn)。而方法二,我們利用了onTouchListener接口對(duì)事件進(jìn)行了攔截,在攔截中處理我們的點(diǎn)擊事件,實(shí)現(xiàn)了與適配器的解耦,但是復(fù)雜程度會(huì)比方法一大??偟貋?lái)說(shuō),如果RecyclerView需要處理的點(diǎn)擊事件邏輯很簡(jiǎn)單,那么可以使用方法一;如果需要處理比較復(fù)雜的點(diǎn)擊事件,比如說(shuō),雙擊、長(zhǎng)按等點(diǎn)擊事件,則需要使用方法二去實(shí)現(xiàn)各種復(fù)雜的邏輯。

對(duì)方法二的優(yōu)化

在實(shí)現(xiàn)方法二的RecyclerViewClickListener的時(shí)候,在內(nèi)部對(duì)事件的實(shí)現(xiàn)了單擊、長(zhǎng)按的判斷,但是這個(gè)長(zhǎng)按事件不是標(biāo)準(zhǔn)的,只有松開手指的時(shí)候才會(huì)觸發(fā)長(zhǎng)按事件,這也算是一點(diǎn)瑕疵,同時(shí)如果要增加別的事件,比如說(shuō)雙擊事件,則需要增加相應(yīng)的邏輯,如果需要判斷的事件種類變多則會(huì)給我們的代碼編寫帶來(lái)困難,那么有沒有更加簡(jiǎn)便的方法呢?其實(shí)安卓SDK為我們提供了一個(gè)手勢(shì)檢測(cè)類:GestureDetector來(lái)處理各種不同的手勢(shì),那么我們完全可以利用GestureDetector來(lái)對(duì)方法二進(jìn)行改進(jìn)。

新建RecyclerViewClickListener2.java:

public class RecyclerViewClickListener2 implements RecyclerView.OnItemTouchListener {

    private GestureDetector mGestureDetector;
    private OnItemClickListener mListener;

    //內(nèi)部接口,定義點(diǎn)擊方法以及長(zhǎng)按方法
    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實(shí)現(xiàn)類,可以根據(jù)需要選擇重寫的方法
                    //單擊事件
                    @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;
                    }
                    //長(zhǎng)按事件
                    @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改動(dòng)如下:

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();
    }
}));

運(yùn)行結(jié)果與上面的相同。

至此,關(guān)于處理RecyclerView的點(diǎn)擊事件的方法講述完畢,如果你們還有什么別的方法歡迎留言討論。

更多閱讀:

揭開RecyclerView的神秘面紗(一):RecyclerView的基本使用
揭開RecyclerView的神秘面紗(三):操作數(shù)據(jù)及添加分割線

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容