관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - swift] 3. Storyboard로 UI 구현 기본기 - (@IBOutlet, @IBAction, UIStoryboard, instantiateViewController) 본문

iOS 응용 (swift)

[iOS - swift] 3. Storyboard로 UI 구현 기본기 - (@IBOutlet, @IBAction, UIStoryboard, instantiateViewController)

jake-kim 2023. 3. 2. 01:14

* Storyboard로 UI 구현 기본기 목차 참고

@IBOutlet, @IBAction 이란?

  • 공통적으로 붙는 @ 의미?
    • 컴파일러에게 어떤 속성을 가지고 있는지 전하는 예약어
    • ex) @UIApplicationMain - 어플리케이션의 main 부분이라는 의미
  • 즉 @IBOutlet, @IBAction은 각각 Interface Builder와 연결된 outlet 또는 action을 의미
  • Storyboard에 있는 UI를 클릭하고 ctrl + 드래그를 하여 코드 부분에 놓으면 Outlet이나 Action 설정이 가능

  • Connection 형태는 대표적으로 Outlet과 Action으로 두 가지가 존재

Action으로 연결

  • @IBOulet가 생성되면 UIButton!과 같이 강제 unwrapping 형태가 되는데, 강제 unwrapping으로 초기화되는 이유?
    • ViewController가 로드되면 이 안에 있는 UI들은 런타임에 nil값을 가지지 않음
      • IBOutlet은 스토리보드나 nib 파일이 로드되면, 뷰 컨트롤러가 로드되는데 이 때 뷰 컨트롤러가 로드되면 그 안에 있는 button, label과 같은 UI들은 nil이 아닌 값으로 설정됨

Storyboard와 Interface Builder 차이

  • Xcode4 전에는 .xib파일들은 Interfece Builder라고 불리는 별도의 프로그램에서 수정되어야 했는데, 현재도 storyboard에 있는 UI를 코드베이스에 연결하면 @IB라는 prefix가 붙어서 전 처리기에 의해 Interface Builder로 처리되게끔 하기 위함
  • .storyboard와 .xib차이?
    • storyboard는 viewController 간의 관계를 한눈에 보이도록 구현해놓은것
    • xib는 여러개의 viewController가 아닌 특정 뷰와 같이 하나에 대해서 UI를 구현해놓은것

코드에서 스토리보드에 있는 ViewController 인스턴스 얻기

  • 방법
    • UIStoryboard 인스턴스 획득 - 스토리보드의 이름을 입력하여 초기화가 가능
    • 스토리보드 인스턴스가 가지고 있는 메소드로 viewController 획득
  • 테스트를 위해서 Storyboard 안에 새로운 ViewController를 만들고 Storyboard ID를 SecondVC로 입력
    • Storyboard DI는 스토리보드 파일의 이름이 아닌, 해당 뷰 컨트롤러의 ID를 의미

  • UIStoryboard 인스턴스 획득 - 스토리보드의 이름을 입력하여 초기화
let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
  • 스토리보드 인스턴스가 가지고 있는 메소드로 viewController 획득
let vc = storyboard.instantiateViewController(identifier: "SecondVC") { (coder) -> UIViewController? in
    UIViewController(coder: coder)
}
  • 테스트를 위해서 viewDidAppear에서 3초 후에 present 되도록 구현
DispatchQueue.main.asyncAfter(deadline: .now() + 3) {
    
    let storyboard = UIStoryboard(name: "Main", bundle: Bundle.main)
    let vc = storyboard.instantiateViewController(identifier: "SecondVC") { (coder) -> UIViewController? in
        UIViewController(coder: coder)
    }
    
    self.present(vc, animated: true)
    
}

(완료)

* 전체 코드: https://github.com/JK0369/ExStoryboard

* 참고

https://developer.apple.com/documentation/uikit/uistoryboard

https://stackoverflow.com/questions/8592056/what-does-ib-mean-in-ibaction-iboutlet-etc

Comments