존칭이 없습니다. 양해 부탁드립니다. ^^


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가 보인다.


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

+ Recent posts