<--! [iOS] 페이지 이동 Segui -->

[iOS] 페이지 이동 Segui

필그램

·

2017. 9. 8. 05:39

어플리케이션이 하나 이상의 페이지로 구성되어 있고, 다음 페이지로 이동하는 것에 대한 예제 입니다.


아래 오른쪽 버튼인  View Controller 를 끌어다 놓으면 화면이 하나더 생깁니다.



기존 화면과 새로생긴 화면에 버튼을 각각 하나 만들고, 첫번째 화면의 버튼을 오른쪽 마우스로 클릭하여, 왼쪽 화면이로 이동하면 화면이 아래처럼 변경되어 보입니다. 즉, 연결한다는 의미 입니다. 



마우스 버튼을 놓으면 아래처럼 검정 박스가 생기는데, 

여러개 중 하나를 선택하지만, 이번에는 단순히 보여주는 것이므로 Show를 클릭합니다.



위의 작업을 마치면 두 화면 사이에 아래와 같은 연결선이 생깁니다.



아래가 연결된 화면 전체 모습입니다.


이제 2번째 버튼 클릭시, 첫번째 화면으로 가도록 앞에서 한 작업을 반대로 합니다. 




이제, 아래처럼 반대쪽으로도 화살표선이 생깁니다.



아, 두번째 화면이 작업할 내용도 작성할 파일을 만듭니다.  상단의 메뉴로도 가능하지만, 이번에는 왼쪽 아래의 '+' 버튼으로 만들어 봅니다.




아래 화면이 뜨면, Cocoa Touch Class를 선택하고



Subclass를 UIViewController로 지정한뒤, 클래스 이름을 적습니다.



이 클래스 이름을 StoryView에서 두면째 화면 상단의 노란버튼을 누른뒤 오른쪽 위의 identity inspector를 선택합니다.

그리고 Class의 리스트에서 아까 만든 파일을 선택합니다. 저는 MyviewController로 만들었습니다.



아래와 같이 선택하고



실행하여 버튼을 눌러 테스트해 봅니다.




반응형