오늘은 아래와 같은 화면을 XCODE로 만들어 보도록 하겠습니다.
오늘은 탭바는 만들지 않겠습니다.
탭바를 만들었다는 전제 조건하에 위화면을 구성해 보겠습니다.
File > New Project 메뉴를 클릭하면 아래와 같은 화면이 나타 납니다. Window-based Application 타입을 선택한 후 오른쪽 하단의 Choose를 클릭하여 다음 화면으로 넘어 갑니다.
생성할 프로젝트명은 원하시는걸로 입력하세요(ex, bgex)
프로젝트 이름까지 입력하시고 나면 아래와 같은 화면을 접하실 수 있습니다.
(다른 분들은 저와 살짝 다르게 보일 수 있습니다. 단순한 화면 구성의 차이이니 이 프로젝트를 하시는데 큰 문제는 없습니다.)
여기까지는 기본 프로젝트를 만드는 단계이고 이제 이 프로젝트에서 쓰일 이미지 파일들을 Resources 폴더로 넣도록 하겠습니다.
오른쪽의 Finder 에서 원하는 이미지를 선택 한 후 Resources 폴더로 드래그 앤 드롭 합니다. 그러면 창이 하나 뜨는데 copy item into ~ 이부분을 체크 하시고 Add 버튼을 눌러 주세요.
이제 Resources 폴더에 있는 MainWindow.xib 파일을 더블클릭하여 인터페이스 빌더를 열고 Library 창에서 Image View를 선택한 후 Window 창에 끓어다 놓습니다. 가운데 있는 창에서 자모양의 아이콘을 선택하고 가로와 세로의 길이를 위와 같이 지정해 줍니다.
왼쪽 Window 창에서 UIImageView를 선택하시고 오른쪽 상단탭중 젤 왼쪽에 있는 탭을 선택하신 후 image의 오른쪽에 있는 화살표를 눌러 좀전에 넣어둔 이미지 중 menu_bg.png 파일을 선택 합니다.
Background 는 선택을 하신 후 Opacity를 0으로 처리 하시면 됩니다. 지금까지 잘 따라하셨다면 아래와 같은 화면이 나타나고 이제 그 위에 버튼 이미지들을 올려 놓도록 하겠습니다.
Library 창에서 Round Rect Button을 Window 창으로 끌어 놓고 가운데 있는 인스펙터 창에서 Background의 이미지를 menu1.jpg로 선택을 해 줍니다.
위와 같은 방식으로 나머지 두개도 처리를 합니다.
이제 마지막 남은 전체에 백그라운드를 지정하는 화면 입니다. bgexAppdelegate.m 파일을 여신 후 위와 같이 입력을 하시면 됩니다.
소스코드 :
window.backgrondColor = [[UIColor alloc] initWidthPatternImage:[UIImage imageNamed:@”bg.jpg”]];
이제 완료 되었으니 한번 실행해 보시죠. ㅋㅋ 짜잔~!!!
'아이폰 개발 이야기' 카테고리의 다른 글
| 아이폰 개발, 배경이미지를 만들어봅시다! (0) | 2010/08/10 |
|---|---|
| 아이폰 개발, 좌표값과 주소 구하기 (7) | 2010/06/29 |
| 아이폰 개발시 유용한 탭바 커스텀(Custom Tab Bar) 구현하기 (12) | 2010/06/25 |
| [아이폰 컨트롤러 예제] ① 테이블뷰 (0) | 2010/05/27 |
| 아이폰 개발자 등록 방법 A TO Z (22) | 2010/05/24 |
| 아이폰 개발 문자열(NSString) 다루기 예제 (0) | 2010/05/10 |
아이폰의 navigationController 의 하단 Toolbar에 이미지 버튼을 넣는 방법입니다.
먼저 팁 전체 소스입니다.
함수 예제 소스를 먼저 보시고 간단히 설명을 하도록 하겠습니다.
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
UIToolbar *toolbar = [[UIToolbar alloc] init];
toolbar.barStyle = UIBarStyleBlackTranslucent; //UIBarStyleBlackOpaque; //UIBarStyleBlackTranslucent;// UIBarStyleDefault;
[toolbar sizeToFit];
CGFloat toolbarHeight = [toolbar frame].size.height;
CGRect rootViewBounds = self.parentViewController.view.bounds;
CGFloat rootViewHeight = CGRectGetHeight(rootViewBounds);
CGFloat rootViewWidth = CGRectGetWidth(rootViewBounds);
CGRect rectArea = CGRectMake(0, rootViewHeight - toolbarHeight, rootViewWidth, toolbarHeight);
[toolbar setFrame:rectArea];
toolbar.tintColor = [UIColor whiteColor];
toolbar.translucent = YES;
UIImage *buttonImage = [UIImage imageNamed:@"checkmarkControllerIcon.png"];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
[button setImage:buttonImage forState:UIControlStateNormal];
[button addTarget:self action:@selector(info_clicked:) forControlEvents:UIControlEventTouchUpInside];
button.frame = CGRectMake(0, 0, buttonImage.size.width, buttonImage.size.height);
UIBarButtonItem *infoButton = [[UIBarButtonItem alloc] initWithCustomView:button];
UIBarButtonItem *flexibleSpace1 = [UIBarButtonItem alloc];
flexibleSpace1 = [flexibleSpace1 initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
UIBarButtonItem *flexibleSpace2 = [UIBarButtonItem alloc];
flexibleSpace2 = [flexibleSpace2 initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
[toolbar setItems:[NSArray arrayWithObjects:flexibleSpace1,infoButton,flexibleSpace2,nil]];
toolbar.hidden = NO;
[self.navigationController.view addSubview:toolbar];
[infoButton release];
[flexibleSpace1 release];
[flexibleSpace2 release];
[toolbar release];
}
- (void) info_clicked:(id)sender{
UIAlertView *alert = [[UIAlertView alloc]
initWithTitle:@"sss"
message:@"버튼을 클릭하셨네요..."
delegate:self
cancelButtonTitle:@"닫기"
otherButtonTitles:nil];
[alert show];
[alert release];
}
============================= 팁 전체소스=================================
위 소스에 대한 간단한 설명 추가합니다.
============================= 소스 설명===================================
//viewWillAppear 이벤트입니다.
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated]; //==> 요건 이벤트 발생후 기본적으로 처리되는 부분입니다.
// Navigationbar의 하단에 들어갈 Toobar를 생성합니다.
UIToolbar *toolbar = [[UIToolbar alloc] init];
toolbar.barStyle = UIBarStyleBlackTranslucent; //UIBarStyleBlackOpaque; //UIBarStyleBlackTranslucent;// UIBarStyleDefault;
[toolbar sizeToFit];
//생성될 Toolbar의 레이아웃을 설정합니다.
CGFloat toolbarHeight = [toolbar frame].size.height;
CGRect rootViewBounds = self.parentViewController.view.bounds;
CGFloat rootViewHeight = CGRectGetHeight(rootViewBounds);
CGFloat rootViewWidth = CGRectGetWidth(rootViewBounds);
CGRect rectArea = CGRectMake(0, rootViewHeight - toolbarHeight, rootViewWidth, toolbarHeight);
[toolbar setFrame:rectArea];
//Toolbar의 색상을 설정합니다.
toolbar.tintColor = [UIColor whiteColor];
toolbar.translucent = YES;
//Toolbar 를 생성하였으니 버튼을 넣어야 하는데요. 그 버튼을 만들기전에 버튼에 올라갈 이미지버튼을 먼저 만들어야 합니다.
// 간단히 순서를 알아보면
//1. 이미지를 생성한다
//2. 버튼을 생성한다.
//3. 버튼에 이미지를 올린다.
//4. 생성한 버튼을 Toolbar에 올린다.
// 이런 순서입니다.
UIImage *buttonImage = [UIImage imageNamed:@"checkmarkControllerIcon.png"]; //=>이미지 생성
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; //=>버튼 생성
[button setImage:buttonImage forState:UIControlStateNormal];
//툴바용 버튼을 생성하고 클릭했을때 실행될 Action을 할당해줍니다. Action에 대한 구현은 아래쪽에 별도로 구현되어있습니다.
[button addTarget:self action:@selector(info_clicked:) forControlEvents:UIControlEventTouchUpInside];
button.frame = CGRectMake(0, 0, buttonImage.size.width, buttonImage.size.height);
UIBarButtonItem *infoButton = [[UIBarButtonItem alloc] initWithCustomView:button]; //Toolbar버튼 생성
//요기 부분의 툴바버튼의 경우는 위에서 만든 툴바버튼을 중앙에 오게 하기 위해 만들어지는 버튼입니다.
//[infoButton]버튼의 양옆으로 하나씩 버튼을 만들어서 놓으면 [infoButton]버튼이 중앙에 오게 됩니다.
UIBarButtonItem *flexibleSpace1 = [UIBarButtonItem alloc];
flexibleSpace1 = [flexibleSpace1 initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
UIBarButtonItem *flexibleSpace2 = [UIBarButtonItem alloc];
flexibleSpace2 = [flexibleSpace2 initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
//자 버튼을 모두 만들었으니 Toolbar에 버튼을 올립니다.
[toolbar setItems:[NSArray arrayWithObjects:flexibleSpace1,infoButton,flexibleSpace2,nil]];
toolbar.hidden = NO; //=>요건 툴바가 숨겨질건지 보일건지 설정한는 것입니다.
// 마지막으로 Toolbar에 버튼도 올렸으니 NavigationController에 Toolbar를 올려줍니다..
[self.navigationController.view addSubview:toolbar];
// 모든 일은 마무리 했습니다..
// 이제 메모리에 할당되었던 것들은 모두 지워줍니다..
[infoButton release];
[flexibleSpace1 release];
[flexibleSpace2 release];
[toolbar release];
}
// 요 Action은 위의 Toolbar버튼에 연결되는 이벤트입니다..
- (void) info_clicked:(id)sender{
UIAlertView *alert = [[UIAlertView alloc]
initWithTitle:@"sss"
message:@"버튼을 클릭하셨네요..."
delegate:self
cancelButtonTitle:@"닫기"
otherButtonTitles:nil];
[alert show];
[alert release];
}
============================= 소스 설명 ==================================
처음 개발을 시작할 때 찾기 어려운 정보라 힘들었던 부분이었습니다.
도움이 되시길 바랍니다. ^^*
'아이폰 개발 이야기' 카테고리의 다른 글
| 아이폰 개발 문자열(NSString) 다루기 예제 (0) | 2010/05/10 |
|---|---|
| 아이폰 개발하려면 일단 요것부터-2편 (Hellow World) (2) | 2010/05/03 |
| 아이폰 하단 navigationController의 Toolbar에 이미지 버튼 넣는 방법 (0) | 2010/04/27 |
| 아이폰 개발하려면 일단 요것부터-1편 (13) | 2010/04/27 |
| 아이폰 Alert함수 사용법 (0) | 2010/04/22 |
| PHP와 스마트폰의 연동에 있어 XML파싱 (1) | 2010/04/16 |
아이폰 개발과 관련해서 조금 더 기본적인 포스팅이 필요하다는 생각에 아주아주 기초부터 이야기 해보려고 합니다. 걸음마 부터 이야기니까요 이미 떼신 분들은 필요가 없겠습니다. 그럼 시작할께요.
1. 우선 맥북 이 필요하겠죠?
- 아이폰 어플은 맥 프로그래밍을 기본으로 이뤄지기 때문에 맥북에서만 개발을 진행 할 수 있습니다.
편법으로 [해킨토시] 라고 해서 윈도우 기반에서 맥 OS를 돌릴 수 있는 방법으로 개발 하시는 분도 계시기는 하지만 현저히 차이나는 속도와 속터짐으로 결국 맥북을 사신다는 후일담을 들을 수 있습니다. ㅠㅠ
2. 맥 OS를 10.6.2 이상으로 업그레이드 시켜주셔야 합니다
- 업그레이드는 아래 스샷을 보고 설명하자면... 그냥 누르면 됩니다.
3. 애플 개발자 센터에서 SDK를 다운 받아주세요 ( http://developer.apple.com )
- 어플을 등록 하기 위해서는 개발자 라이센스를 사야하지만 일단 개발만을 위해서 SDK를 다운받을 거라면 애플 아이디 만으로 다운이 가능합니다 ^^ 다운받는 곳은 스샷을 확인해 주세요.
4. 다운 받으셨으니 설치 ㄱㄱㄱ
- 설치 하실 때 구성요소에서 SDK 체크 하시고 넘어가주세요~
5. 이제 XCODE 를 작동해 보아요
- XCODE 는 아이폰/맥용 어플리케이션을 만드는 프로그래밍 툴이랍니다. 근데 이놈이 어디에 설치 되어 있는지 모르시겠다고요
맥 OS 상단의 파일 > 파일 열기
- 자신의 하드 디스크 선택 > Developer > Applications > Xcode
☞ 항상 위에 경로로 통해 가는 것도 좋지만 Xcode 아이콘을 드래크해서 Dock에 올려놓으면 편하게 갈수 있겠죠~ *^^* 올려놓으면 저런 망치모양의 아이콘이 생성됩니다.
이제 아이폰 개발하기 위한 준비 과정을 마쳤습니다.
이제 개발만 하면 되죠!!!!! 언제 하지 ㅠ_ ㅜ
다음 번에는 Xcode 작동 맛보기 예로 아주 간단히 프로그래밍의 친구 Hello world 를 찍어보도록할게요 *^^*
'아이폰 개발 이야기' 카테고리의 다른 글
| 아이폰 개발하려면 일단 요것부터-2편 (Hellow World) (2) | 2010/05/03 |
|---|---|
| 아이폰 하단 navigationController의 Toolbar에 이미지 버튼 넣는 방법 (0) | 2010/04/27 |
| 아이폰 개발하려면 일단 요것부터-1편 (13) | 2010/04/27 |
| 아이폰 Alert함수 사용법 (0) | 2010/04/22 |
| PHP와 스마트폰의 연동에 있어 XML파싱 (1) | 2010/04/16 |
| iphone 기획 balsamiq으로 쉽고 빠르게.. (0) | 2010/04/13 |



