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

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

示意图说明：白色 view 是蓝色 view 的父视图；蓝色 view 是橙色 view 的父视图。

1. 需求一：点击重叠区，只有蓝色 view（既父视图）响应事件。
2. 一个最简单的办法是将子视图的 isUserInteractionEnabled 设置为 false ；也可以在子视图的 hitTest(_:with:) 方法里面返回 nil 或 superview ，可以达到同样的效果。

2. 需求二：点击屏幕上的任意地方；只有蓝色 view 响应事件。
3. 一个最简单的办法是在蓝色 view 的 hitTest(_:with:) 方法里返回 self 。当事件传递到蓝色 view 时，返回自己做为最适合触发事件的控件。

2. 需求三：点击橙色 view 的任意地方，蓝色 view（既父视图）响应事件。
3. 难点在于点击非重叠区时，蓝色 view 不能接收到事件。为什么会出现这种情况呢？回顾一下 “原理篇 – 如何寻找最适合的控件来处理事件” 就会发现，一个控件想要接收事件需要满足两个条件：
4. 判断自己能否触发事件；
5. 判断触摸点是否在自己身上（ point(inside:with:) ）。
6. 根据第二点，我们在点击非重叠区时，触摸点不在自己（蓝色 view）身上，因此不能够接收事件。
7. 再回顾一下这一节的要点：触摸事件传递的过程是从父控件传递到子控件的，如果父控件也不能接收事件，那么子控件就不可能接收事件。
8. 那应该怎么做呢？关键还是在第二点上（判断触摸点是否在自己身上），这个方法返回的是一个 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)
}
复制代码

欢迎大家来到IT世界,在知识的湖畔探索吧!

1. 这样做是可以的，也最简单。但有一个问题，那就是如果橙色 view 也实现了 touches(_:with:) ，这时候是橙色 view 触发事件而不是蓝色 view。为什么呢？
2. 因为只要判断符合了条件，事件就会传递到橙色 view，而触摸点正好在橙色 view 身上，因此是橙色 view 触发了事件。
3. 不过一般来说，有这种需求的子控件（橙色 view）都不会自己实现事件而是交给父控件（蓝色 view）去处理。所以如果不想考虑这么多的话，可以直接用上面的方法。但是如果想屏蔽掉子控件事件的触发的话，还是有办法解决的。
4. 解决的办法就是拦截橙色 view 接收事件，只要在 BlueView.swift 中重写 hitTest(_:with) 方法，返回指定的 view 来做为最适合处理事件的控件就可以了。

欢迎大家来到IT世界,在知识的湖畔探索吧!/// 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
}
复制代码

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

2. 需求四：点击重叠区时，橙色 view 和蓝色 view 都响应事件。
3. 一个最简单的办法是在我们重新实现橙色 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)
}
复制代码

2. 需求五：正常响应，点击橙色 view 是橙色 view 响应事件；而点击蓝色 view 是蓝色 view 响应事件。
3. 可以说是经常出现的需求了，有时候我们需要处理超出父视图区域的子视图事件，但是点击超出区域的部分却不能响应事件。那要怎么做呢？
4. 其实这个问题在需求三的第一个示例中已经解决了，这里不再赘述。