[iOS - swift] 3. 화면전환(present, navigation, segue)

- 네비게이션 컨트롤러를 주로 쓸 것(계층관계)

1. 프레젠테이션 방식

 - UIViewController클래스를 상속받은 클래스에서의 화면전환 방법 

 

1) 이동

 present(_:animated:completion:)

 completion은 트레일링 클로저로 구현하며, 화면 전환이 완전 끝난 후에 호출해 주는 비동기 함수

import UIKit
 
class ViewController: UIViewController {
 
    @IBAction func moveNext(_ sender: Any) {
        
        // 스토리 보드 객체 가져오기 (인자 : 이름, 읽어들일 위치)
        let storyboard: UIStoryboard? = UIStoryboard(name: "Main", bundle: Bundle.main)
        
        // 뷰 객체 얻어오기 (storyboard ID로 ViewController구분)
        guard let uvc = storyboard?.instantiateViewController(identifier: "SecondVC") else {
            return
        }
        
        // 화면 전환 애니메이션 설정
        uvc.modalTransitionStyle = UIModalTransitionStyle.coverVertical
        
        self.present(uvc, animated: true)
    }
}

※ viewController는 @IBOutlet으로 참조할 수 없으며, storyboard ID로만 참조가능

 

2) back (= unwind)

 self.presentingViewController?.dismiss(animated:)

import UIKit
class ScondViewController : UIViewController {
    @IBAction func back(_ sender: Any) {
        self.presentingViewController?.dismiss(animated: true)
    }
}
 

3) full screen으로 화면 띄우기

- 위에 부분을 보면 디폴트 modal방식의 경우 조금 띄어져 있음

 아래와 같이 하면 fullscreen으로 적용

vc.modalPresentationStyle = .fullScreen

결과

2. 네비게이션 컨트롤러를 이용한 화면 전환

 - UINavigationController 이용

 - Navigation Stack원리

 

1) 이동

 - self.navigationController?.pushViewController(_:anmated:)

import UIKit
 
class ViewController: UIViewController {
    @IBAction func moveByNavy(_ sender: Any) {
        guard let uvc = self.storyboard?.instantiateViewController(identifier: "SecondVC") else{
            return
        }
        self.navigationController?.pushViewController(uvc, animated: true)
    }
}
 

2) unwind

 - 네비게이션은 뒤로가기 버튼 저절로 생성

 - self.navigationController?.popViewController(anmated: true)

import UIKit
class ScondViewController : UIViewController {
    @IBAction func naviBack(_ sender: Any) {
        self.navigationController?.popViewController(animated: true)
    }
}
 

 

3. Segue(세그웨이 방식)

- 세그웨이 객체 : 뷰 컨트롤러 사이의 연결 관계 및 화면 전환 관리 역할

 - 장점 : 뷰 컨트롤러에 대한 정보를 몰라도 가능(원래는 뷰 컨트롤러의 storyboard ID정보를 이용)

 

 1) Action Segue : 출발점이 뷰 컨트롤러가 아닌 것 (버튼,,)

   - 따로 코딩이 필요하지 않음

 2) Manual Segue : 출발점이 뷰 컨트롤러인 것

   - performSegue(withIdentifier:sender:)  구현 해야 함

   (1) 이동

     - View Controller를 이동시킬 부분에 드래그앤 드롭 -> "show"선택 -> "segue identifier"기입 

     - 이용하고 싶은 곳에서 performSegue로 부르면 됨

import UIKit
 
class ViewController: UIViewController{
    
    @IBAction func move(_ sender: Any) {
        self.performSegue(withIdentifier: "mySegue", sender: self)
    }
}