[iPhoneSDK] Using UIImageView

Using UIImageView

2008-10-09

bro@shinbiro.com 조경민 neri.cafe24.com

본 튜토리얼에서는 UIImageView를 사용하여 TabBar의 첫 번째 뷰에 그림을 올려본다.

TabBar based 로 프로젝트를 생성한다.

먼저 이미지 파일을 두개 준비 한다. 첫 번쨰 이미지는 뷰에 첨부터 나오는 이미지로,

버튼 클릭하면 두번째 이미지로 변환시켜 본다.

1. 리소스에 이미지 추가하기

img.png와  img2.png를 데스크탑 바탕화면에서 드래그 드럽으로 워크스페이스 창 Resource노드에 추가한다.

2. FirstViewController에 UIImageView 추가 하기

FirstViewController.h

@interface FirstViewController : UIViewController {

IBOutlet UIImageView *view1;

IBOutlet UIButton *button1;

}

- (void)viewDidLoad;

- (IBAction) OnButtonDown : (id) sender;

@end

FirstViewController.m

// Implement viewDidLoad to do additional setup after loading the view.

- (void)viewDidLoad {

    [super viewDidLoad];

// [view1 setImage: [UIImage imageNamed: @"img2.png"]]; //만일 View로드 되자마자 이미지 바꾸고 싶으면 여기다가 하면 된다.

}

- (IBAction) OnButtonDown : (id) sender 

{

[view1 setImage: [UIImage imageNamed: @"img2.png"]];

}

3. TabBar의 첫 ViewController에 UIImageView를 추가하기

라이브러리 창에서 UIImageView를 추가한다.

UIImageView를 선택한 후 Tools/ Inspector 의 첫번째 탭의 Image를 img.png를 선택한다.

이렇게 하고 실행하면 바로 그림이 나온다.

4. 나머지 아울렛 연결

그러나 우리는 버튼이 눌리면 다른 그림으로 바꾸길 바라므로 아래와 같이 버튼 이벤트를 연결한다.

탭의 첫번째 First 라는 것을 오른클릭 잘해서 (잘 클릭하면 Inspector창에 FirstViewController라고 뜬다.)

아울렛들을 연결한다.

view1 -> UIImageView

button1 -> UIButton

OnButtonDown -> UIButton 후 TouchDown 연결

5. 실행하기

실행하면 img.png가 보인다.

이제 버튼을 누르면 이미지가 변경된다.