找到两个图像视图重叠的重叠区域，并使该区域改变颜色

Question

我希望能够将一个图像视图拖到另一个图像视图上，这样当它们重叠时，重叠区域会改变颜色。为了帮助可视化问题，这些图像视图是圆形的：当它们重叠时，它应该形成一个维恩图样式的图像，如下所示。

我知道您可以使用以下方法检测交叉点是否已发生：

if (self.imageview1.bounds.contains(self.imageview2.bounds)) {
    ...
}

但是真的不知道如何为这两者之间的区域着色！

Answer 1

所以我想出了一种数学方法！基本上，您使用基本三角法来找到交点的两个“弧”所需的角度，并制作由这两个弧组成的贝塞尔路径。然后只是重叠bezier路径，你就完成了！如果有人有兴趣，这是我的代码:)

注意：这假设两个圆都具有相同的半径，并且我已将我的图像视图剪切为圆形！

let circlePath = UIBezierPath()
let left_circle_center = left_image_view.center.x
let right_circle_center = right_image_view.center.x
let radius = left_image_view.frame.width/2
let angle = acos( (left_circle_center - right_circle_center)/radius) 
intersection_Path.addArc(withCenter: right_circle_center, radius: radius, startAngle: CGFloat(Double.pi-angle), endAngle: CGFloat(Double.pi+angle), clockwise: true)
intersection_Path.addArc(withCenter: left_circle_center, radius: radius, startAngle: CGFloat(-angle), endAngle: CGFloat(angle), clockwise: true               
let intersection_area = CAShapeLayer()
intersection_area.path = intersection_Path.cgPath
intersection_area.borderColor = ...
intersection_area.strokeColor = ...
intersection_area.fillColor = ...
self.view.layer.addSublayer(intersection_area)