첫번째 프로그램 ( 스토리보드 이용 )

안녕하세요.

이번시간에는 스토리 보드를 이용한 간단한 테스트 프로젝트 하나를 만들어보도록 하겠습니다.

실제로 프로그램을 만들어야지 실력이 늘겠지요???

자 그럼 준비되셨나요? ^^ 

고고고...

저번시간에 만든 Single View Application의 도큐먼트 아웃라인 캔버스에 오브젝트 라이브러리중 라벨을 끌어다가 올려놓습니다.

그리고 라벨 컨트롤을 선택한 상태에서 애트리뷰트 인스펙터를 선택합니다. 그러고 난 다음 Label Text항목을 "테스트라벨"로 변경합니다.

모습은 아래와 같습니다.

이제 Xcode에서 Command-B를 눌러 빌드 처리, Command-R을 눌러 실행시켜봅니다.

 그럼 새로운 스토리보드를 하나 더 추가해보도록 하겠습니다.

프로젝트 탐색기에서 Main.storyboard 파일을 선택한 상태에서 Xcode의 Editor-Embed In-Naviation Contoller를 선택하여 내비게이션 컨트롤러를 추가합니다. 이때 추가되는 네비게이션 컨트롤러는 자동으로 현재 있는 뷰 컨트롤러와 연결되어집니다.

이제 오른쪽 아래의 오브젝트 라이브러리에서 ViewController를 선택하고 스토리보드 첫번째 ViewController 오른쪽에 위치시킵니다. 그리고 난다음 Label 컨트롤을 하나 추가해서 테스트라벨1로 텍스트를 바꿉니다.

프로젝트 탐색기에서 StoryboardConnect에서 오른쪽 클릭을 하여 New File 선택합니다. 그리고 Cocoa Touch Class를 선택합니다.

Next를 클릭하여 다음화면으로 넘어가서, Class 입력창에 SecondViewController를 입력하고 나머지는 그대로 둔상태에서 Create 버튼을 눌러 생성합니다.

그리고 Main.storyboard를 선택한 상태에서 두번째 View Controller의 상태바를 클릭합니다. 그리고 오른쪽 세번째 identity 인스펙터 아이콘을 선택하여 Custom class의 Class항목을 SecondViewController 클래스로 변경합니다.

이제 오른쪽 아래의 Object 라이브러리에서 Bar Button Item을 선택하고 첫번째 View Controller 위쪽 네비게이션 바 오른쪽에 배치시킵니다.이어서 Attributes 인스펙터를 사용하여 Bar Item의 Title 속성을 "테스트라벨1"로 변경합니다.

이제 ViewController와 SecondViewController를 연결합니다.

Ctrl버튼을 누른 상태에서 View Controller 위쪽의 Bar Button Item "테스트라벨1"를 클릭하고 드래그앤드롭으로 SecondViewController 위에 떨어뜨립니다.

이때 Action Segue에 연결 선택 대화상자가 나타나면 Show 항목을 선택합니다.

이제 Command + R을 눌러 실행해봅니다.

시뮬레이터에서 Bar Button인 테스트라벨1을 눌러 다음 컨트롤러로 이동되는지 확인하고 Back 버튼을 눌러 이전 컨트롤러로 이동하는지 테스트를 해봅니다.

우리는 이번 프로젝트에서 네비게이션 컨트롤러를 추가했는데, 네비게이션 컨트롤러는 화면을 이동하는 컨트롤러로서 화면에는 나타나지 않고 내부적으로 관계하는 제어 컨트롤러라고 생각하시면 됩니다.

이번 프로젝트에서 Segue라는 개념이 나오는데, 세구에란 스토리보드에서 하나의 UIViewController는 하나의 장면(Scene)으로 표시됩니다.

이런한 장면 사이에 변환 상태를 표시하기 위해 세구에라는 것을 사용하여 표시합니다.

정상적으로 동작한다면 제대로 실행시킨겁니다. ^^

이번시간에는 스토리보드를 이용한 간단한 프로젝트를 만들어보고 실행을 시켜보았습니다.

그럼 다음시간에 또 다른걸 공부해보기로 해요.

고생많으셨어요.

바이바이~~~~~~