2. Xcode4.2의 스토리보드를 이용한 탭바

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. 아래의 그림과 같이 생성된 View Controller에 Tab Bar Item을 드래그 하여 추가하여 준다.

6. 생성된 Tab Bar Controller를 선택하고 키보드의 Control을 클릭한 상태에서 연결되지 않은 빈 View Controller로 드래그를 한다.

7. 아래와 같은 팝업이 생겼을 것이다. 첫번째에 있는 항목인 "Relationship - viewControllers"를 선택한다.

8. 아래와 그림처럼 탭바가 연결되었음을 확인할 수 있을 것이다.

9. 위와 같은 방법으로 한개의 View Controller을 더 생성하고 Tab Bar Controller에 연결하였다.

10. UILabel 컨트롤을 이용하여 아래의 그림처럼 각각의 View Contoller내의 View안에 추가하여 각 화면을 구분할 수 있는 텍스트를 입력하여 본다.(각 Tab Bar Item의 속성창에 Identifier를 변경하면 미리 등록되어있는 몇가지 형태의 모습으로 아이템의 형태을 바꿀수 있으며 Title과 Image를 이용하면 원하는 글자와 그림으로도 변경이 가능하다)

11. Command + B, Command + R을 순차적으로 클릭하여 빌드후 실행하여 본다. 아래와 같이 하단의 탭바를 클릭할 때마다 각각의 4개의 화면으로 전환이 되는지 확인하여 본다.