Parent View 밖의 Child View에서의 Touch Event

 

 

 

위 사진 같은 drop down 처럼 

부모뷰의 프레임은 회색이고 자식뷰는 초록색 영역일 때

 

부모뷰의 영역인 (3)의 자식뷰는 터치가 되는데 (4)는 부모의 영역 밖이라 터치가 안됩니다.

 

이 문제를 해결하기 위해서 뷰 자체에서 터치를 감지하는 메소드를 재정의하는 방법이 있습니다.

 

 

 

 

class CustomUIView: UIView {
    override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        if !self.clipsToBounds && !self.isHidden && self.alpha > 0.0 {
            let subviews = self.subviews.reversed()
            for member in subviews {
                let subPoint = member.convert(point, from: self)
                if let result: UIView = member.hitTest(subPoint, with:event) {
                    return result
                }
            }
        }
        return super.hitTest(point, with: event)
    }
    override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
        return super.point(inside: point, with: event)
    }
}

 

 

 

터치 포인트를 자식뷰의 좌표공간으로 변환하는 과정입니다.

clipToBounds가 false이며 뷰가 숨겨져 있지 않고 투명도가 0이 아닐때 터치로 변환해주고 있습니다.

 

 

 

 

 

 

출처

https://stackoverflow.com/questions/53542133/touch-event-does-not-register-outside-of-a-child-uiview-that-partially-extends-o