XIB를 사용한 사용자정의 팝업뷰 만들기 (Swift 3.0)

2017-02-06
10 Views

UIView를 추가해서 팝업창을 디자인한 XIB로 별도로 만들어 호출하고 사용하는 방법을 알아보자.

1. Xcode에서 프로젝트를 생성한 다음

2. 사용자정의 팝업용 XIB파일을 만든다.

File – New – FIle에서 User Interface에서 [View]파일을 선택한다. 파일명은 PopupView.xib로 지정한다.

3. 다음으로 사용자정의 팝업 클래스를 추가한다. 메뉴에서 File – New – File에서 Cocoa Touch Class 템플릿을 선택하고 서브클래스는 UIView를 선택한다. 파일명은 PopupView.swift로 한다.

“Also create XIB file”을 체크하면 swift와 xib파일을 동시에 만들수 있다.

4. 아래 화면과 같이 XIB화면과 소스코드화면을 분할해서 보여주고 우선 화면 디자인을 구성하자. 팝업용 뷰를 추가하고 레이블과 닫기 버튼을 추가한다. 그런 다음 뷰에서 Custom Class란에서 PopupView를 선택한다. 그 다음 화면에 배치한 요소들을 선택한 다음 컨트롤키를 누른 상ㅌ태에서 아웃렛과 액션을 연결한다.

PopupView.swift

마지막으로 만든 팝업을 열어주는 부분을 구현한다. 이 예제에서는 ViewController가 열리면서 팝업으로 바로 열어주지면 실제 앱에서는 서브루틴화해서 호출하게 된다.

Facebook Comments

You may be interested

Xcode 기능 확장(Extension) 제거하기
Xcode
shares3 views
Xcode
shares3 views

Xcode 기능 확장(Extension) 제거하기

MJ Kim - 3월 18, 2017

Mac에서 Xcode Source Editor Extension등의 기능확장을 사용하다보면 디버깅시 시스템 환경 설정의 확장이 앱에 등록되는 경우가 있다. 계속해서 목록이 남아 있기…

iOS App Store Review(앱 심사약관) 번역
Swift 3.0
shares109 views
Swift 3.0
shares109 views

iOS App Store Review(앱 심사약관) 번역

MJ Kim - 3월 15, 2017

App Store Review를 번역했다. 사실 이번에 좀 애매한 리젝을 당해서 그걸 이해하고자 정리해본다. 원문링크: https://developer.apple.com/app-store/review/guidelines/ 1. 이약관은? 1.1 앱 개발자로서 프로그램의…

Raspberry Pi 타이머 On/Off 전원제어모듈 RPi1114-Raspberry Pi
IoT by Raspberry Pi
shares7 views
IoT by Raspberry Pi
shares7 views

Raspberry Pi 타이머 On/Off 전원제어모듈 RPi1114-Raspberry Pi

MJ Kim - 3월 04, 2017

RPi1114-Raspberry Pi전원제어 모듈이 있다. 이 제품은 40Pin GPIO핀헤더에 연결하여 사용하는 모듈로 Cortax-M0마이크로컨트롤러 LPC1114를 내장하고 Raspberry Pi의 시작과 정지 순서등을 프로그래밍할…