아이폰(iPhone) 탭바 구현 - (1) 기본 2탭 구현

아이폰(iPhone) 탭바 구현 - (1) 기본 2탭 구현

 

개발환경 : Mac OS X 10.6.3, Simulator - 3.1.3

 

탭바는 프로젝트 생성시 Tab Bar Application 으로 만들어서 기본 2 탭을

구현하고 계속 탭을 늘이고자 할 때 어떻게 하는지 기술하도록 한다.

 

먼저 프로젝트를 Tab Bar Application 으로 선택한다.

프로젝트를 한번 실행시켜보자. 그러면 화면에 기본적으로 셋팅되어 있는 구현은

2개의 탭으로 되어있다. 눌러보면 First View, Second View 라고 화면에 있는 글을

볼수 있다.

그럼 첫번째 탭에 대한 구현을 해보자. 아주 간단하게 버튼과 텍스트만 둔다. 버튼에서

클릭하면 텍스트에 값이 출력되도록 구현한다.

FirstViewController.h

FirstViewController.m

소스는 준비되었으니 컨트롤과 연결을 시켜준다. MainWindow.xib 를 더블클릭해서

인터페이스 빌더를 띄운다. 그리고 Library 에서 버튼과 텍스트를 가져와 Tab Bar Controller

화면에 집어넣는다.

컨트롤과 액션을 연결하기 위해 아래에 있는 First 탭을 선택한다. 그러면 Inspector 화면의

네번째탭정보인 Indentity 를 보게 되면 Class 가 FirstViewController 로 되어있는 것을

볼수 있다. 이제 FirstViewController 에 설정된 소스를 컨트롤과 연결 가능한 상태가 된것이다.

오른 마우스를 클릭해서 Received Actioned 와 text 를 연결하자.

실행해서 버튼을 눌러보면 텍스트에 값이 들어가는 것을 알수 있다.

이제 두번째 탭인 SecondView 를 구현해보자. SecondView.xib 만 존재하고 ViewController 가

없으므로 SecondViewController 로 하나 생성한다. 만든 2번째 컨트롤에도 FirstViewController

에서 했던것처럼 버튼과 액션 아울렛을 설정하고 실행함수에는 텍스트 박스에 값을 넣는

기능을 구현한다.

소스 저장이 끝났으면 두번째 탭바를 새로 만든 SecondViewController 클래스와 연결해준다.

그것은 Second 탭바를 선택한후 Inspector 의 4번째 탭인 Identity 에서 Class 를

SecondViewController 로 해주면 된다.

다음은 nib 파일인 SecondView.xib 를 SecondViewController 과 연결시켜준다.

SecondView.xib 를 더블클릭한후 인터페이스 빌더를 띄우고 File’s Owner 선택한다.

File’s Owner 의 Identity 정보에서 Class 를 SecondViewController 로 선택한다.

이제 컨트롤을 소스와 연결한다. File’s Owner 를 선택하고 오른마우스클릭하면 소스에

설정해뒀던 아울렛과 Action 정보가 뜨게 된다. 화면에 가져다준 컨트롤과 연결하자

실행해서 첫번째, 두번째 탭을 왔다갔다하면서 버튼을 눌려 제대로 동작하는지 확인한다.