두 이미지 뷰의 겹치는 영역을 찾아 오버랩하고이 영역의 색을 변경하십시오.

Question

하나의 이미지 뷰를 다른 이미지 뷰 위로 드래그하여 겹치면 겹치는 영역의 색이 바뀌도록하고 싶습니다. 문제를 시각화하는 데 도움이되는 이러한 이미지 뷰는 원형입니다. 오버랩되면 다음과 같이 Venn 다이어그램 스타일의 이미지를 형성해야합니다.

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

하지만 실제로는 사이에있는 영역을 색상하는 방법을 모른다 :

은 당신이 사용하여 교차가 발생했는지 여부를 감지 할 수 있습니다 알아!

Answer 1

그래서 수학적으로 할 방법을 찾아 냈습니다! 기본적으로 기본 삼각법을 사용하여 교차점의 두 "호"에 필요한 각도를 찾고이 두 호로 구성된 베 지어 패스를 만듭니다. 그런 다음 베 지어 경로를 겹치면 완료됩니다! 만약 누군가가 관심이 있다면 내 코드는 다음과 같습니다 :)

참고 :이 두 원은 동일한 반지름을 가정하고 원형 같은 내 imageviews를 클리핑했습니다!

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)