<div id="readability-page-1" class="page"><div><h2 id="개요--히트다-히트">개요 : 히트다 히트!</h2>
<h4 id="기간-3월-19일--3월-20일">기간: 3월 19일 ~ 3월 20일</h4>
<ul>
<li>나름의 프로젝트 진행 중, UIImageView 위에 UIButton추가</li>
<li>버튼을 500번 눌러도 안 눌림, 동작을 안하는 게 아니고 "안"눌림</li>
<li>혹시? zPosition문제인가? 뷰디버깅 -&gt; 응~ 아니야!</li>
<li>outBounds인가? 뷰디버깅 -&gt; 버튼이 superView Bounds에 걸쳐있음</li>
<li>supuerView bounds밖에 있는 버튼을 bounds 안으로 이동</li>
<li>다시 클릭 도전? -&gt; 응~ 안눌림😭</li>
</ul>
<h2 id="해결">해결</h2>
<ul>
<li>superView Type을 UIView로 변경</li>
<li>타입 변경안하고 isUserInteractionEnabled를 true로 줘도 작동함!</li>
<li>hitTest로 확인</li>
</ul>
<h2 id="uiview와-uiimageview">UIView와 UIImageView</h2>
<img src="https://user-images.githubusercontent.com/74946802/111858483-df493900-897c-11eb-8503-180badb8f9f3.png"><ul>
<li>
이 시뮬레이터의 분홍색 View는(분홍색 맞음 systemPink임)UIImageView로 설정, 초록색 View는 UIView로 설정하고 버튼은 각각 똑같이 system Type으로 생성해서 subView로 add완료!
</li>
<li>
두 버튼을 누르면? 놀랍게도 분홍색 뷰 위에 있는 버튼은 안 눌리고, 초록색 뷰 위에 있는 버튼은 눌림... 왜 그런지 차이를 찾는데 하루를 갈아 넣음 ㅠㅠ
</li>
</ul>
<h2 id="why">Why...?</h2>
버튼이 눌리지 않는 경우는 대표적으로 두 가지 인데,
<ul>
<li>superView의 bounds 밖에 있을 때</li>
<li>zPostion이 아래(?)일 때</li>
</ul>
이런 경우는 xCode의 뷰디버깅을 활용하면 쉽게 찾아낼 수 있다. 그런데 위 두 가지 경우가 모두 정상인데도 버튼이 안눌린다면?
<ul>
<li>isUserInteractionEnabled을 확인해봐야한다!</li>
</ul>
isUserInteractionEnabled을 간단하게 설명하자면, 이걸 false로 설정하면 버튼이 안눌림... 근데 iOS에서는 superView의 isUserInteractionEnabled이 false인 경우 subViews 모두 false가 된다는 사실!
<ul>
<li>UIImageView의 isUserInteractionEnabled는 false가 default! 
공식문서보면 알 수 있듯이 뇌피셜아니고 오피셜임</li>
</ul>
<img src="https://user-images.githubusercontent.com/74946802/111858562-5bdc1780-897d-11eb-9106-318edc625687.png">이 사실을 모르고 UIImageView에 addSubView(버튼)을 했으니, 아무리 눌러도 버튼이 눌리지 않았던 것...
버튼이 안 눌린다면? 버튼 자체의 enable을 막았을 수도 있지만, 그게 아니라면 반드시 "S.U.P.E.R.V.I.E.W"를 확인해봐야 할 것!!
<a href="https://stackoverflow.com/questions/10880868/on-ios-if-a-superviews-userinteractionenabled-is-no-then-all-subviews-are-dis/10892551#10892551">감사합니다! 갓텍오버플로우</a>
<h2 id="hittest-결과">hitTest 결과</h2>
<img src="https://user-images.githubusercontent.com/74946802/111858483-df493900-897c-11eb-8503-180badb8f9f3.png">이 이미지를 다시 떠올려봐야하는데, 빨간색같지만 분홍색인 view가 UIImageView, 초록색 view는 UIView인데, 각 class에 hitTest를 override하고...
<pre><code>override func hitTest(_ point: CGPoint, with event: UIEvent?) -&gt; UIView? {
 super.hitTest(point, with: event)
 }</code></pre>
<ul>
<li>UIImageView, UIView, UIButton 모두 설정완료!</li>
</ul>
분홍색 뷰 위의 노란색 버튼을 누르면?
<pre><code>(브레이크 포인트로 log찍어본 결과)
UIView
UIImageView
UIView
UIImageView</code></pre>
<ul>
<li>버튼이 반응하지 않는다. (두 번씩 찍히는건 정상: 시스템에게 두 번의 호출 사이에서 포인트를 조정할 수 있게 해줌)</li>
</ul>
초록색 뷰 위의 노란색 버튼을 누르면?
<pre><code>UIView
Button
UIView
Button</code></pre>
<ul>
<li>hitTest에 버튼이 반응한다!</li>
</ul>
이처럼 인터렉션을 꺼놓으면(false) 터치 이벤트가 모두 무시되는 것을 hitTest를 통해 알 수 있다. 그럼 UIImageView 인터렉션을 true로 설정하면?
<pre><code>UIView
UIImageView
Button
UIView
UIImageView
Button</code></pre>
잘됨😊
끝!!</div></div>

PS & Algorithm

WooSeok Suh

개요 : 히트다 히트!
기간: 3월 19일 ~ 3월 20일
나름의 프로젝트 진행 중, UIImageView 위에 UIButton추가
버튼을 500번 눌러도 안 눌림, 동작을 안하는 게 아니고 "안"눌림
혹시? zPosition문제인가? 뷰디버깅 -> 응~ 아니야!
outBounds인가? 뷰디버깅 -> 버튼이 superView Bounds에 걸쳐있음
supuerView bounds밖에 있는 버튼을 bounds 안으로 이동
다시 클릭 도전? -> 응~ 안눌림😭
해결
superView Type을 UIView로 변경
타입 변경안하고 isUserInteractionEnabled를 true로 줘도 작동함!
hitTest로 확인
UIView와 UIImageView
이 시뮬레이터의 분홍색 View는(분홍색 맞음 systemPink임)UIImageView로 설정, 초록색 View는 UIView로 설정하고 버튼은 각각 똑같이 system Type으로 생성해서 subView로 add완료!
두 버튼을 누르면? 놀랍게도 분홍색 뷰 위에 있는 버튼은 안 눌리고, 초록색 뷰 위에 있는 버튼은 눌림... 왜 그런지 차이를 찾는데 하루를 갈아 넣음 ㅠㅠ
Why...?
버튼이 눌리지 않는 경우는 대표적으로 두 가지 인데,
superView의 bounds 밖에 있을 때
zPostion이 아래(?)일 때
이런 경우는 xCode의 뷰디버깅을 활용하면 쉽게 찾아낼 수 있다. 그런데 위 두 가지 경우가 모두 정상인데도 버튼이 안눌린다면?
isUserInteractionEnabled을 확인해봐야한다!
isUserInteractionEnabled을 간단하게 설명하자면, 이걸 false로 설정하면 버튼이 안눌림... 근데 iOS에서는 superView의 isUserInteractionEnabled이 false인 경우 subViews 모두 false가 된다는 사실!
UIImageView의 isUserInteractionEnabled는 false가 default! 
공식문서보면 알 수 있듯이 뇌피셜아니고 오피셜임
이 사실을 모르고 UIImageView에 addSubView(버튼)을 했으니, 아무리 눌러도 버튼이 눌리지 않았던 것... 
버튼이 안 눌린다면? 버튼 자체의 enable을 막았을 수도 있지만, 그게 아니라면 반드시 "S.U.P.E.R.V.I.E.W"를 확인해봐야 할 것!!
감사합니다! 갓텍오버플로우
hitTest 결과
이 이미지를 다시 떠올려봐야하는데, 빨간색같지만 분홍색인 view가 UIImageView, 초록색 view는 UIView인데, 각 class에 hitTest를 override하고...
override func hitTest(_ point: CGPoint, with event: UIEvent?) -> UIView? {
        super.hitTest(point, with: event)
    }
UIImageView, UIView, UIButton 모두 설정완료!
분홍색 뷰 위의 노란색 버튼을 누르면?
(브레이크 포인트로 log찍어본 결과)
UIView
UIImageView
UIView
UIImageView
버튼이 반응하지 않는다. (두 번씩 찍히는건 정상: 시스템에게 두 번의 호출 사이에서 포인트를 조정할 수 있게 해줌)
초록색 뷰 위의 노란색 버튼을 누르면?
UIView
Button
UIView
Button
hitTest에 버튼이 반응한다!
이처럼 인터렉션을 꺼놓으면(false) 터치 이벤트가 모두 무시되는 것을 hitTest를 통해 알 수 있다. 그럼 UIImageView 인터렉션을 true로 설정하면?
UIView
UIImageView
Button
UIView
UIImageView
Button
잘됨😊
끝!!

[iOS]UIButton 안 눌리는 현상

댓글