[iOS][SwiftUI] View의 터치가능 영역을 제어하기

안녕하세요. iOSangBong입니다.

오늘은 View의 터치 영역을 제어하는 방법을 알아볼텐데요.

 

프로젝트를 진행하면서 UX를 고려하기 위해서는

이미지의 사이즈보다 크게 터치 영역을 잡아줘야 하는데요.

 

배경색이 흰색이면 상관없지만

다른색일경우에는 배경색을 clear로 지정해줘야 하는데...

 

터치가 안될때가 있습니다...

 

간단하게 샘플코드를 짜보자면

Rectangle하고 Text가 있는데

Rectangle은 .clear 색상으로 두었습니다.

그리고 ZStack에 onTapGesture를 두었는데... 

 

실행해보면?

Rectangle의 크기를 200x200으로 여유 있게 두었는데도

터치가 안되는걸 보실 수 있습니다..

 

그럴때는 간단하게 contentShape를 추가해주면 되는데요.

기존 코드에 contentShape에 Rectangle을 추가를 해주게 되면?

 

Text를 터치하지 않아도 제대로 터치되는걸 보실 수 있습니다.

 

이 부분을 프로젝트에 유용하게 쓰실 수 있을거에요.

실제로 잊을만하면 사용되는것 같네요..ㅋㅋ

 

도움이 되었으면 좋겠네요.

다들 즐코딩하세요. 그럼 이만~