아이폰(iPhone) 탭바 구현 - (2) 탭 추가

아이폰(iPhone) 탭바 구현 - (2) 탭 추가

 

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

 

기본적으로 두개만 제공된다고 두개만 써야되는 환경만 있는 것은 아니다. 여러 개를

추가해야되는 경우를 대비해 인터페이스 빌드에서 추가하는 방법에 대해 기술할려고 한다.

 

새로운 탭을 추가할려면 어떻게 해야될까? Tab Bar Controller 에 그 정보가 있는데

MainWindow.xib 를 더블클릭해 인터페이스 빌더를 띄운후 Tab Bar Controller 를 선택한다.

그리고 Inspector 에서 첫번째 탭인 Attributes 로 간다. 아래에 View Controllers 라고

있을것이다. 리스트 형태로 되어있는데 컨트롤에 추가되어있는 ViewController 가 들어가있다.

여기에 추가를 해서 구현을 하면된다

먼저 아래에 + 버튼을 눌러 리스트에 Third 라고 추가해보자. 추가할수있는 Controller 종류는

4가지가 있다. 이중 View Controller를 선택한다. 저장을 하게 되면 Tab Bar Controller 에 Third

라고 하나 더 추가 된 것을 볼수 있다

이제 ThirdView.xib 라는 nib 파일을 만든다. New File을 클릭해서 왼쪽에 User Interface

> View XIB 선택해서 생성한다.

Tab bar Controller의 3번째 영역을 위에서 생성한 ThirdView.xib 와 연결한다. MainWindow.xib

를 클릭해서 화면을 띄운후 3번째 탭을 선택하고 Inspector 의 첫번째 탭인 Attributes  로 간다.

아래에 NIB Name 을 ThirdView.xib 로 선택한다

nib 파일과 연결할 ViewController 를 만든다. ThirdViewController 로 만든후 h 와 m 파일에

아울렛, 액션을 구현한다.

ThirdViewController.h

@interface ThirdViewController : UIViewController {

           IBOutlet UITextField* text3;

           IBOutlet UIButton* button3;

}

- (IBAction)OnButtonDown3:(id)sender;

@end

 

ThirdViewController.m

- (IBAction)OnButtonDown3:(id)sender{

           [text3 setText:@"hello3"];

}

위에서 구현한 소스와 컨트롤을 연결할 차례이다. ThirdView.xib 를 더블클릭한후

인터페이스 빌더를 띄운다. File’s Owner 를 선택한후 Inspector 로 가서 Identity 탭을

클릭후 Class 란에 위에서 생성한 ThirdViewController 를 선택한다. 화면에 추가한

컨트롤을 소스와 연결할수 있는 환경이 되었다

File’s Owner 를 선택후 오른마우스 클릭하게 되면 아울렛과 Actions 을 연결할수 있는

화면이 나오게 된다

이제 프로그램을 실행해보자. Third 탭이 추가된 것을 볼수 있을 것이다. 추가된

Third 탭을 선택하고 화면으로 들어간후 버튼을 클릭하면 원하는 기능이 수행되는 것을

볼수 있을것이다