Android TouchDelegate详解及优化

Android 4.0规定的有效可触摸的UI元素标准是48dp,这是一个用户手指能准确并且舒适触摸的区域。

日常开发中,如果我们想扩大一个View的点击区域,往往通过给View设置padding即可实现,但是对于某些特殊的情况,如图

开发者选项-显示布局边界

因为布局对齐的关系,这个SeekBar不能有paddingTop,而这时又需要在上方增加可响应区域,就只能用TouchDelegate了。

这里提供一篇Android Developer上介绍 TouchDelegate 的文档,TouchDelegate让父视图能够将子视图的可轻触区域扩展到子视图的边界之外。当子视图必须较小,同时又应该具有较大的轻触区域时,此方法很有用。

TouchDelegate的使用方法很简单,考虑以下这种情形

TouchDelegate.png

我们想扩大View2的点击区域至View1内部的Bounds区域,代码如下:

view1.post(new Runnable() {
    @Override
    public void run() {
        Rect bounds = new Rect();
        // 获取View2占据的矩形区域在其父View(也就是View1)中的相对坐标
        view2.getHitRect(bounds);
        // 计算扩展后的j矩形区域Bounds相对于View1的坐标,left、top、right、bottom分别为View2在各个方向上的扩展范围
        bounds.left -= left;
        bounds.top -= top;
        bounds.right += right;
        bounds.bottom += bottom;
        // 创建TouchDelegate,delegateView为View2
        TouchDelegate touchDelegate = new TouchDelegate(bounds, view2);
        // 为View1设置TouchDelegate,原因可以参考View.java中mTouchDelegate的注释
        // The delegate to handle touch events that are physically in this view but should be handled by another view.
        view1.setTouchDelegate(touchDelegate);
    }
});

使用TouchDelegate的扩展点击区域的原理,可以查看View.java源码(基于API 27),前面使用了下面的代码为View1设置了TouchDelegate

/**
 * Sets the TouchDelegate for this View.
 */
public void setTouchDelegate(TouchDelegate delegate) {
    mTouchDelegate = delegate;
}

当我们点击View2内部的区域,仍然会触发View2的onClick();而当我们点击View2外且在Bounds内(亦在View1内)的区域,根据Android Touch事件的分发原理,最终一定会触发View1的onTouchEvent()方法

public boolean onTouchEvent(MotionEvent event) {
    ......
    if (mTouchDelegate != null) {
        if (mTouchDelegate.onTouchEvent(event)) {
            return true;
        }
    }
    ......
}

因为我们为View1设置了TouchDelegate,所以会进入TouchDelegate的onTouchEvent(),如果这个方法返回了ture,View1的onTouchEvent()也会返回true并到此结束,对外宣称View1消费了这个事件,但实际上并不会触发View1的onClick();而如果这个方法返回了false,则会继续执行后面的逻辑。TouchDelegate的onTouchEvent() 源码如下:

/**
 * Will forward touch events to the delegate view if the event is within the bounds
 * specified in the constructor.
 *
 * @param event The touch event to forward
 * @return True if the event was forwarded to the delegate, false otherwise.
 */
public boolean onTouchEvent(MotionEvent event) {
    // 这里是触摸点相对于View1的坐标
    int x = (int)event.getX();
    int y = (int)event.getY();
    // 是否将event发送给View2
    boolean sendToDelegate = false;
    // 事件是否发生在Bounds内
    boolean hit = true;
    // 作为返回值,标识View1是否消费了event(实际上可能传递给View2消费了)
    boolean handled = false;

    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            Rect bounds = mBounds;

            // Down事件发生在Bounds内
            if (bounds.contains(x, y)) {
                // 存储Down事件的处理策略(传递给View2)供后续的Move和Up参考
                mDelegateTargeted = true;
                sendToDelegate = true;
            }
            // !!! 下面被注释的代码为作者添加的优化代码 !!!
            // 只有加上下面的代码才能保证在点击Rounds区域触发View2的onClick()后
            // 再点击View1仍会触发View1的onClick()
//          else {
//              mDelegateTargeted = false;
//              sendToDelegate = false;
//          }
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_MOVE:
            // 这里首先参考前面Down事件的处理策略
            sendToDelegate = mDelegateTargeted;
            if (sendToDelegate) {
                Rect slopBounds = mSlopBounds;
                // 再检查事件是否发生在SlopBounds内,它是由Bounds向外扩展TouchSlop形成的
                if (!slopBounds.contains(x, y)) {
                    // Down事件在发生在Bounds内,但Move和Up事件未发生在SlopBounds内,说明在此期间手指滑出了指定区域
                    hit = false;
                }
            }
            break;
        case MotionEvent.ACTION_CANCEL:
            sendToDelegate = mDelegateTargeted;
            mDelegateTargeted = false;
            break;
    }
    // 这里使用的是局部变量来决定事件的处理策略
    if (sendToDelegate) {
        final View delegateView = mDelegateView;

        if (hit) {
            // Offset event coordinates to be inside the target view
            event.setLocation(delegateView.getWidth() / 2, delegateView.getHeight() / 2);
        } else {
            // Offset event coordinates to be outside the target view (in case it does something like tracking pressed state)
            int slop = mSlop;
            event.setLocation(-(slop * 2), -(slop * 2));
        }
        // 将事件分发给View2处理
        handled = delegateView.dispatchTouchEvent(event);
    }
    return handled;
}

然而,直接使用API 27的TouchDelegate会存在一种 bad case:当点击过一次扩展区域Bounds(不包括View2内的部分),View1的点击失效。这是因为当点击过一次Bounds区域,mDelegateTargeted 会被置为true;当下一次点击View1时,由于sendToDelegate为false,Down事件会交由View1处理;而由于mDelegateTargeted仍为true,后续的Move和Up事件还会交由View2处理,阅读View.java的onTouchEvent()源码可知,这种情况下View1的performClick()不会被调用,也就不会触发View1的onClick()

好在Google工程师已经发现了这个问题,并在API 28进行了修复:


API 28 TouchDelegate修复代码

最后,本文通过对API 27的TouchDelegate进行扩展,也给出一种使用TouchDelegate扩展点击区域的优化方案,该方案具有以下两个优点:

  1. 解决了先点击一次扩展区域Bounds(不包括View2内的部分),View1点击失效的问题。
  2. 内部改用绝对坐标,View2的扩展区域Bounds不再局限于其直接父类View1内,即被代理的View可以是代理View的任意祖先View,使用者只需提供四个方向需要扩展的大小。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容