1. Xcode를 실항하여 Single View Application을 선택하여 프로젝트를 생성한다.
2. 생성된 프로젝트의 MainStoryboard화면으로 이동하여 자동으로 생성된 View Controller을 선택하고 상단 메뉴에서 Editor > Embed In > Tab Bar Controller을 클릭한다.
3. 아래와 같은 그림의 모양처럼 바뀌면서 View Controller의 좌측에 Tab Bar Controller가 생성되었으며 실행시 프로젝트가 실행될때 가장 먼저 보여준다는 의미의 화살표가 Tab Bar Controller의 좌측으로 옮겨져 표시하고 있다.
4. 우측 오브젝트 윈도우에서 View Controller을 선택하여 스토리 보드의 빈공간으로 드래그를 하면 아래와 같이 뷰컨트롤러가 추가될 것이다
5. 생성된 Tab Bar Controller를 선택하고 키보드의 Control을 클릭한 상태에서 연결되지 않은 새로 추가한 View Controller로 드래그를 한다.
6. 아래와 같은 팝업이 생겼을 것이다. 첫번째에 있는 항목인 "Relationship - viewControllers"를 선택한다.
7. 아래의 그림과 같은 연결 구조인지 확인한다.
8. Tab Bar로 전환되는 화면을 구분 할 수 있도록 UILabel컨트롤을 이용하여 화면을 구분할 수 있는 글자를 입력하여 준다.
9. Navigation Controller을 삽입할 두개의 View Controller중 하나를 선택하여 메뉴의 Editor > Embed In > navigation Controller을 선택한다.
10. 아래의 그림과 같이 선택한 View Controller 앞에 Navigation Controller이 추가 되었다.
11. 새로운 View Controller을 추가하여 빈 화면에 배치한다.
12. 새로 생성한 View Controller를 연결할 버튼을 UIButton컨트롤로 생성한다.
13. 키보드의 Control키를 누르면서 새로 생성한 View Controller을 연결하여 준다.
14. Storyboard Seques가 뜨면 첫번째에 있는 Push항목을 선택한다.
15. UILabel을 이용하여 상세화면임을 알수 있는 라벨을 추가하고 타이틀바를 더블 클릭하여 상세화면임을 구분 할 수 있는 문자열을 삽입하여 준다.
16. 아래의 그림과 같이 구성되었는지 확인한다.
17. Command + B, Command + R을 순차적으로 클릭하여 빌드후 실행하여 본다.
죄송하지만 질문 좀 드릴께요. 말씀하신대로 view controller을 생성했는데..
생성한만큼 .m / .h 파일이 생성되지 않는 것같습니다.
수동으로 소스를 수정하려면 어디에서 수정을 해야될지 모르겠어요.
답변 꼭 부탁드립니다.
감사합니다.
-->
상단 메뉴에서 "File > New > New File"를 선택해서 UIViewController subClass를 선택합니다.
원하시는 Class명을 입력해주시면 Class화일(.h/.m)이 생성됩니다.
스토리보드에 추가하셨던 ViewController를 선택하시고 키보드로 Option + Command + 3을 클릭해서 나오는 Custom Class에 아까 생성하셨던 Class명을 입력하여 주시면 클래스화일 생성과 연결까지의 작업을 하실 수 있습니다.
부족한 강좌에 관심 갖어주셔서 감사합니다.
귀여운 악마님 처럼 Control + Option + 3 해봤는데 저도 아무 반응도 없더라구요. 오른쪽 속성창에 상단에 3번째 신분증처럼 생긴 아이콘 클릭하고 맨윗줄 Custom Class 에서 선택해주니깐 되었습니다. 단축키의 세상은 너무 심오합니다.
출처 : http://diveis.tistory.com/22
출처 : http://diveis.tistory.com/22
출처 : http://diveis.tistory.com/22
출처 : http://diveis.tistory.com/22
출처 : http://diveis.tistory.com/22
2. 생성된 프로젝트의 MainStoryboard화면으로 이동하여 자동으로 생성된 View Controller을 선택하고 상단 메뉴에서 Editor > Embed In > Tab Bar Controller을 클릭한다.
3. 아래와 같은 그림의 모양처럼 바뀌면서 View Controller의 좌측에 Tab Bar Controller가 생성되었으며 실행시 프로젝트가 실행될때 가장 먼저 보여준다는 의미의 화살표가 Tab Bar Controller의 좌측으로 옮겨져 표시하고 있다.
4. 우측 오브젝트 윈도우에서 View Controller을 선택하여 스토리 보드의 빈공간으로 드래그를 하면 아래와 같이 뷰컨트롤러가 추가될 것이다
5. 생성된 Tab Bar Controller를 선택하고 키보드의 Control을 클릭한 상태에서 연결되지 않은 새로 추가한 View Controller로 드래그를 한다.
6. 아래와 같은 팝업이 생겼을 것이다. 첫번째에 있는 항목인 "Relationship - viewControllers"를 선택한다.
7. 아래의 그림과 같은 연결 구조인지 확인한다.
8. Tab Bar로 전환되는 화면을 구분 할 수 있도록 UILabel컨트롤을 이용하여 화면을 구분할 수 있는 글자를 입력하여 준다.
9. Navigation Controller을 삽입할 두개의 View Controller중 하나를 선택하여 메뉴의 Editor > Embed In > navigation Controller을 선택한다.
10. 아래의 그림과 같이 선택한 View Controller 앞에 Navigation Controller이 추가 되었다.
11. 새로운 View Controller을 추가하여 빈 화면에 배치한다.
12. 새로 생성한 View Controller를 연결할 버튼을 UIButton컨트롤로 생성한다.
13. 키보드의 Control키를 누르면서 새로 생성한 View Controller을 연결하여 준다.
14. Storyboard Seques가 뜨면 첫번째에 있는 Push항목을 선택한다.
15. UILabel을 이용하여 상세화면임을 알수 있는 라벨을 추가하고 타이틀바를 더블 클릭하여 상세화면임을 구분 할 수 있는 문자열을 삽입하여 준다.
16. 아래의 그림과 같이 구성되었는지 확인한다.
17. Command + B, Command + R을 순차적으로 클릭하여 빌드후 실행하여 본다.
죄송하지만 질문 좀 드릴께요. 말씀하신대로 view controller을 생성했는데..
생성한만큼 .m / .h 파일이 생성되지 않는 것같습니다.
수동으로 소스를 수정하려면 어디에서 수정을 해야될지 모르겠어요.
답변 꼭 부탁드립니다.
감사합니다.
-->
상단 메뉴에서 "File > New > New File"를 선택해서 UIViewController subClass를 선택합니다.
원하시는 Class명을 입력해주시면 Class화일(.h/.m)이 생성됩니다.
스토리보드에 추가하셨던 ViewController를 선택하시고 키보드로 Option + Command + 3을 클릭해서 나오는 Custom Class에 아까 생성하셨던 Class명을 입력하여 주시면 클래스화일 생성과 연결까지의 작업을 하실 수 있습니다.
부족한 강좌에 관심 갖어주셔서 감사합니다.
귀여운 악마님 처럼 Control + Option + 3 해봤는데 저도 아무 반응도 없더라구요. 오른쪽 속성창에 상단에 3번째 신분증처럼 생긴 아이콘 클릭하고 맨윗줄 Custom Class 에서 선택해주니깐 되었습니다. 단축키의 세상은 너무 심오합니다.
출처 : http://diveis.tistory.com/22
출처 : http://diveis.tistory.com/22
출처 : http://diveis.tistory.com/22
출처 : http://diveis.tistory.com/22
출처 : http://diveis.tistory.com/22
'Object-C__X-Code' 카테고리의 다른 글
[X-Code] 웹뷰(WebView)로 웹페이지 불러오는 소스 (0) | 2011.12.12 |
---|---|
[X-Code]4.2 스토리보드(Storyborad) 뷰전환시 데이터 처리 (0) | 2011.12.12 |
[X-Code]4.2 스토리보드(StoryBorad) 탭바 (0) | 2011.12.12 |
[X-Code]4.2 스토리보드(storyborad) 이용한 화면 전환 (0) | 2011.12.12 |
[X-Code]4.2 인트로(Intro) 화면 만들기 (0) | 2011.12.12 |