Swift - Navigator Push Present

📌 목차

• 서론
• push
• present
• back

📌 서론

오늘은 swift에서의 화면전환에 대해서 알아보겠습니다. 기본적으로 push와 present가 있습니다.

📌 push

push는 화면이 쌓이는 방식으로 동작을 합니다. 그래서 자연스럽게 navigation영역에 back이라는 버튼이 생기게 됩니다.

스토리 보드

일단 스토리보드에서 어떻게 하는지 알아볼까요?

먼저 button을 하나 생성해준뒤 오른쪽 클릭으로 원하는 view의 전환 부분 까지 드레그를 해줍니다. 그럼 show라는 영역을 선택을 해주면 됩니다. 그럼 아래의 화면과 같이 이런 아이콘이 생기게 됩니다.

코드

그럼 코드로는 어떻게 해야할까요?

@IBAction func tabCodePushButton(_ sender: UIButton) {
        guard let viewController = self.storyboard?.instantiateViewController(withIdentifier: "CodePushViewController") else { return }
        self.navigationController?.pushViewController(viewController, animated: true)
    }

navigatorController에서 pushViewController를 해주면 됩니다.

📌 present

present는 화면을 덮는 형태로 생성이 됩니다. 그래서 back 버튼은 push와는 다르게 생성이 되지 않습니다.

스토리보드

push와 마찬가지로 드레그를 해주면 됩니다. 이때 presentModally를 선택해주면 이런 아이콘이 연결이 됩니다.

이떄 Storyboard의 Segue의 Presentation을 Full Screen 으로 표시를 해주면 풀 스크린으로 나타나게 됩니다.

코드

코드로는 이렇게 해주면 됩니다.

@IBAction func tabCodePresentButton(_ sender: UIButton) {
        guard let viewController = self.storyboard?.instantiateViewController(withIdentifier: "CodePresentViewController") else { return }
        viewController.modalPresentationStyle = .fullScreen
        self.present(viewController, animated: true, completion: nil)
    }

처음에는 풀스크린이 아니게 될텐데 이것은 modalPresentationStyle을 변경을 해주면 됩니다.

📌 Back

자 그럼 이제 되돌아가는 기능을 알아야겠죠?

push 에서의 back

@IBAction func tabBackButton(_ sender: UIButton) {
//        self.navigationController?.popViewController(animated: true) // 바로 전으로 돌아감
        self.navigationController?.popToRootViewController(animated: true) // root로 돌아감
    }

present 에서의 back

 @IBAction func tabBackButton(_ sender: UIButton) {
        self.presentingViewController?.dismiss(animated: true, completion: nil)
    }