揭开RecyclerView的神秘面纱(二):处理RecyclerView的点击事件

2018-08-20 15:29:11

前言

主要讲述了RecyclerView的基本使用方法,不同的布局管理器而造成的多样化展示方式,展示了数据之后,一般都会与用户进行交互,因此我们需要处理用户的点击事件。在ListView和GridView提供了onItemClickListener这个监听器,然而我们查找RecyclerView的API却没有类似的监听器,因此我们需要自己手动处理它的点击事件。
以下提供两种方法来实现处理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方法内,实现回调:

@Overridepublic 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标志位来判断是否需要处理点击事件;             *  根据系统时间的差值来判断是哪种事件,如果按下事件超过1ms,则认为是长按事件,             *  否则是单击事件。             */            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();    }}));
  • 2019-08-07 09:09:19

    windows系统下定时关闭程序

    其中xxx.exe是你要关闭的进程中运行的exe,可以ctrl+alt+del打开任务管理器,进到详细信息查看 然后把.txt文件后缀改成.bat(此时要在查看一栏勾上文件拓展名,要不还是txt文档)

  • 2019-08-07 09:16:43

    一个比较完美的PWA例子

    但就目前来讲,PWA是Google主推的一项技术标准,FireFox,Chrome以及一些基于Blink的浏览器已经支持渐进式Web应用了,Edge上对渐进式Web应用的支持还在开发。Apple公司也表示会考虑在自己Safari支持PWA。然而这项功能已经进入了WebKit内核的五年计划中。长期来看,对浏览器兼容性的支持方面应该已经不算太大问题了。况且在现阶段,在不支持渐进式Web应用的浏览器中,你的应用也只是无法使用渐进式Web应用的离线功能而已,除此之外的功能均可以正常使用。

  • 2019-08-07 09:57:48

    spring data jpa 实体类中字段不与数据库表映射

    当我们使用spring data jpa开发的时候,会将实体类中的成员变量与表中的字段一一对应,当我们在实体类中加上一个不与数据库表一一对应的成员变量的时候,此时我们只要在这个成员变量上加上注解@Transient @

  • 2019-08-07 17:16:53

    如何在 Node.js 中使用 import / export 的三种方法

    因为一些历史原因,虽然 Node.js 已经实现了 99% 的 ES6 新特性,不过截止 2018.8.10,How To Enable ES6 Imports in Node.JS 仍然是老大难问题,下面我来介绍三种方法可以让我们在 Node.js 中使用 import/export 。

  • 2019-08-13 08:56:46

    nuxtjs组合element

    添加elementUI 插件,plugins->ele.js,代码如下

  • 2019-08-13 20:06:42

    修改 Nginx 进程最大可打开文件数(worker_processes和worker_connections)

    worker_processes:操作系统启动多少个工作进程运行Nginx。注意是工作进程,不是有多少个nginx工程。在Nginx运行的时候,会启动两种进程,一种是主进程master process;一种是工作进程worker process。例如我在配置文件中将worker_processes设置为4,启动Nginx后,使用进程查看命令观察名字叫做nginx的进程信息,我会看到如下结果:

  • 2019-08-14 09:01:18

    linux下高并发服务器实现

    在做网络服务的时候tcp并发服务端程序的编写必不可少。tcp并发通常有几种固定的设计模式套路,他们各有优点,也各有应用之处。下面就简单的讨论下这几种模式的差异:

  • 2019-08-14 13:18:59

    Linux系统下CPU使用(load average)梳理

    在平时的运维工作中,当一台服务器的性能出现问题时,通常会去看当前的CPU使用情况,尤其是看下CPU的负载情况(load average)。对一般的系统来说,根据cpu数量去判断。比如有2颗cup的机器。如果平均负载始终在1.2以下,那么基本不会出现cpu不够用的情况。也就是Load平均要小于Cpu的数量。