【Swift】 화면 천이를 실시한다

7965 단어 XcodeiOSSwift

머리



Xcode12.4의 Swift를 사용한 iOS 앱 개발에서 이전 Xcode와 다른 경우가 많았기 때문에 설명

새 화면 만들기


  • 오른쪽 상단의 + 버튼을 클릭하여 개체 목록을 표시합니다.
  • View Controller를 선택하고 스토리 보드에 추가


  • 추가 후 스토리 보드

  • [File] -> [New] -> [File ...]에서 새 클래스를 만듭니다
  • 코코아 터치 클래스 선택
  • Class: NextViewController로 작성
  • 추가한 화면을 선택해, 오른쪽의 설정의 Class(작성한 클래스명)와 Storyboard ID를 설정(이번은 NextView를 설정)
  • 천이원이 되는 View를 선택해, 설정 화면의 isInitial View Controller에 체크가 되어 있는지 확인한다

  • ViewController 설정


  • 전환 대상 화면의 배경을 빨간색으로 변경
  • 아래 NextViewController viewDidLoad 메서드
  • // 最初に読み込まれるコード
        override func viewDidLoad() {
            super.viewDidLoad()
            // Do any additional setup after loading the view.
    
            //追加
            self.view.backgroundColor = UIColor.red // 背景色を設定
        }
    
  • 미리 작성된 버튼에 화면 전환 코드 추가
  • 버튼(UI 파트)의 설정은 Storyboard에 UI 부품 설치 를 참조
  • 아래 ViewController buttonClick 메서드
  • // ボタンをクリックした時
        @IBAction func buttonClick(_ sender: Any) {
            label.text = "ボタンがクリックされました!" // ラベルの表示内容
    
            // 以下、今回追加コード
            // NextView画面表示
            let nextViewController = self.storyboard?.instantiateViewController(withIdentifier: "NextView") as! NextViewController
            nextViewController.modalPresentationStyle = .fullScreen
            self.present(nextViewController, animated: true, completion: nil)
        }
    
  • modalPresentationStyle를 fullScreen으로 설정하면 전체 화면에서 화면 전환


  • 버튼을 클릭한 후


    modalPresentationStyle을 fullScreen으로 설정하지 않을 때


  • 아래 ViewController buttonClick 메서드
  • // ボタンをクリックした時
        @IBAction func buttonClick(_ sender: Any) {
            label.text = "ボタンがクリックされました!" // ラベルの表示内容
    
            // 以下、今回追加コード
            // NextView画面表示
            let nextViewController = self.storyboard?.instantiateViewController(withIdentifier: "NextView") as! NextViewController
            //nextViewController.modalPresentationStyle = .fullScreen //設定しない
            self.present(nextViewController, animated: true, completion: nil)
        }
    

    버튼을 클릭한 후

    화면 상단에 약간의 이전 화면이 보입니다.
    (상단을 터치하여 아래로 스크롤하면 이전 화면으로 돌아갈 수 있음)

    이번에는 여기까지!

    관련 기사



    1. Swift로 스토리보드 작업
    2.Storyboard에 UI 부품 설치
    3. 화면 천이를 실시한다(본 기사)
    4. 화면에 이미지를 표시하는 방법
    5.ImagePicker로 카메라 롤에서 사진을 선택하여 표시
    6. PHPicker로 카메라 롤에서 사진을 선택하고 표시

    좋은 웹페이지 즐겨찾기