iOS 中的事件传递和响应机制 - 实践篇

注:根据史上最详细的iOS之事件的传递和响应机制-实践篇重新整理(适当删减及补充)。

需求场景示意图

示意图说明:白色 view 是蓝色 view 的父视图;蓝色 view 是橙色 view 的父视图。

  1. 需求一:点击重叠区,只有蓝色 view(既父视图)响应事件。

    一个最简单的办法是将子视图的 isUserInteractionEnabled 设置为 false ;也可以在子视图的 hitTest(_:with:) 方法里面返回 nilsuperview ,可以达到同样的效果。


  2. 需求二:点击屏幕上的任意地方;只有蓝色 view 响应事件。

    一个最简单的办法是在蓝色 view 的 hitTest(_:with:) 方法里返回 self 。当事件传递到蓝色 view 时,返回自己做为最适合触发事件的控件。


  3. 需求三:点击橙色 view 的任意地方,蓝色 view(既父视图)响应事件。

    难点在于点击非重叠区时,蓝色 view 不能接收到事件。为什么会出现这种情况呢?回顾一下 “原理篇 - 如何寻找最适合的控件来处理事件” 就会发现,一个控件想要接收事件需要满足两个条件:

    1. 判断自己能否触发事件;
    2. 判断触摸点是否在自己身上point(inside:with:) )。

    根据第二点,我们在点击非重叠区时,触摸点不在自己(蓝色 view)身上,因此不能够接收事件。

    再回顾一下这一节的要点:触摸事件传递的过程是从父控件传递到子控件的,如果父控件也不能接收事件,那么子控件就不可能接收事件。

    那应该怎么做呢?关键还是在第二点上(判断触摸点是否在自己身上),这个方法返回的是一个 Bool 类型的值,换句话说,无论点是否在自己身上,只要让这个方法返回 true,就可以让蓝色 view 接收事件。

    /// BlueView.swift
    override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
        // 首先正常返回,
        // 如果点不在自己身上,则判断点是否在橙色 view 身上。
        // 注:此时的 subviews.first 代表橙色 view。
        return super.point(inside: point, with: event) || subviews.first!.frame.contains(point)
    }
    

    这样做是可以的,也最简单。但有一个问题,那就是如果橙色 view 也实现了 touches(_:with:) ,这时候是橙色 view 触发事件而不是蓝色 view。为什么呢?

    因为只要判断符合了条件,事件就会传递到橙色 view,而触摸点正好在橙色 view 身上,因此是橙色 view 触发了事件。

    不过一般来说,有这种需求的子控件(橙色 view)都不会自己实现事件而是交给父控件(蓝色 view)去处理。所以如果不想考虑这么多的话,可以直接用上面的方法。但是如果想屏蔽掉子控件事件的触发的话,还是有办法解决的。

    解决的办法就是拦截橙色 view 接收事件,只要在 BlueView.swift 中重写 hitTest(_:with) 方法,返回指定的 view 来做为最适合处理事件的控件就可以了。

    /// BlueView.swift
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        let hitView = super.hitTest(point, with: event)
        // 如果点在橙色 view 的身上,返回自己(蓝色 view),不在则正常返回。
        // 注:此时的 subviews.first 代表橙色 view。
        return subviews.first!.frame.contains(point) ? self : hitView
    }
    

    这样一来,事件就不会传递到橙色 view 了,只要点在橙色 view 身上,我就返回它的父视图(蓝色 view);如果不在,就正常返回(点击了蓝色 view 还是蓝色 view 触发事件;点击了白色 view 则触摸点不在蓝色 view 身上,此时白色 view 接收事件。)


  4. 需求四:点击重叠区时,橙色 view 和蓝色 view 都响应事件。

    一个最简单的办法是在我们重新实现橙色 view 的 touches(_:with:) 方法后,调用 super.touches(_:with:) 让它继续将事件传递给下一个响应者(蓝色 view)接收并处理事件。

    /// OrangeView.swift
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        print("Orange: \(#function)")
        // 继续将事件传递给下一个响应者 (此时是蓝色 view)
        super.touchesBegan(touches, with: event)
    }
    
    /// BlueView.swift
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        print("Blue", #function)
    }
    

  5. 需求五:正常响应,点击橙色 view 是橙色 view 响应事件;而点击蓝色 view 是蓝色 view 响应事件。

    可以说是经常出现的需求了,有时候我们需要处理超出父视图区域的子视图事件,但是点击超出区域的部分却不能响应事件。那要怎么做呢?

    其实这个问题在需求三的第一个示例中已经解决了,这里不再赘述。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,454评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,553评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,921评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,648评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,770评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,950评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,090评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,817评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,275评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,592评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,724评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,409评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,052评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,815评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,043评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,503评论 2 361
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,627评论 2 350

推荐阅读更多精彩内容