阅读 306

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 响应事件。

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

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

关注下面的标签,发现更多相似文章
评论