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

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

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

1. 需求一：点击重叠区，只有蓝色 view（既父视图）响应事件。

   一个最简单的办法是将子视图的 isUserInteractionEnabled 设置为 false ；也能够在子视图的 hitTest(_:with:) 方法里面返回 nil 或 superview ，能够达到一样的效果。

   ---

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

   能够说是常常出现的需求了，有时候咱们须要处理超出父视图区域的子视图事件，可是点击超出区域的部分却不能响应事件。那要怎么作呢？

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