일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- PyQt
- graph
- alamofire
- library
- button
- ios
- Python
- Storyboard
- charts
- ui
- androidstudio
- cocoapods
- modal
- PyQt5
- 라이브러리
- 개발
- Android
- 어플리케이션
- UITableView
- Xcode
- Swift
- 개발자
- UIButton
- Apple
- Chrats
- Chart
- 그래프
- kotlin
- TableView
- UIKit
Archives
- Today
- Total
Jiwift
[iOS/Swift] UIImage TapGestureRecognizer. UIImageView를 터치가 가능하게 만들자. Storyboard 사용 본문
iOS Dev/UIKit
[iOS/Swift] UIImage TapGestureRecognizer. UIImageView를 터치가 가능하게 만들자. Storyboard 사용
지위프트 2022. 11. 5. 16:17반응형
개발하다 보면 UIImage를 터치하고 싶은 일들이 간혹 생긴다고 본다. 처음에는 어떻게 해야 할지 몰라서 UIImage 위에 UIButton을 얹어서 개발을 했다. 그러다 우연하게 새로운 방법을 발견해 정리한다.
방법은 Storyboard와 Code 두 방법 모두 구현이 가능하다. 이번에는 Storyboard를 사용한 방법을 작성하고 다음 글에서 Code를 사용하려고 한다.
역시나 항상 제일먼저 사용하고 싶은 View를 생성한다. 이번 글에서는 UIImage를 생성. (핸드폰 모양 위에 버튼이 3 개인 게 보이는데 기억해두자)
두 번째에는 Tap Gesture Recognizer를 적용해야한다.
[Shift + Command + L]을 눌러서 Object를 추가하는 창을 띄운다. 그다음 ‘Tap Gesture Recognizer’를 UIImage에 적용시켜준다.
추가된 여러 가지 흔적들을 확인하면 제대로 적용된 것을 알 수 있다. 첫 번째 사진에서 본 핸드폰 모양 위 버튼 3개도 4개로 늘어난 것을 확인할 수 있다.
UIImage 속성에서 ‘User Interaction Enabled’를 체크하고 사용해야 작동한다.
생성된 Tap Gesture Recognizer를 사용하고자 하는 ViewController에 Action으로 연결하면 사용이 가능하다.
클릭이 되는 결과이다.
처음 이 방법을 사용했을 땐 뭔가 엄청 복잡했는데, 글을 옮기면서 다시 보니깐 정말 별게 아니다.
반응형
'iOS Dev > UIKit' 카테고리의 다른 글
[iOS/Swift] TableView | Delegate, DataSource 메서드 정리 (0) | 2022.11.05 |
---|---|
[iOS/Swift] UIImage TapGestureRecognizer. UIImageView를 터치가 가능하게 만들자. Code 사용 (0) | 2022.11.05 |
[iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Code 활용 (0) | 2022.11.05 |
[iOS/Swift] UIButton 모서리 둥글게 설정하기 / 코너 corner radius Storyboard 활용 (0) | 2022.11.04 |
[iOS/Swift] UILabel 글자 크기 자동 변경 "Autoshrink" (0) | 2022.11.03 |