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

Question

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

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

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

但真的不知道如何给中间的区域上色！

Answer 1

所以我想出了一种数学方法！基本上你使用基本的三角学来找到相交的两个 "arcs" 所需的角度，并制作一个由这两条弧线组成的贝塞尔路径。然后只需叠加贝塞尔路径就可以了！如果有人感兴趣的话，这是我的代码:)

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

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)

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

Find the overlapping area of two imageviews overlap, and make this area change colour

swift

colors

imageview

intersection