아이폰(iPhone) 탭바 구현 - (3) 탭(tabBar)에 아이콘과 색깔 넣기

아이폰(iPhone) 탭바 구현 - (3) 탭(tabBar)에 아이콘과 색깔 넣기

 

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

 

글보다는 그림(아이콘) 이 탭바에 들어가게 되면 보다 명확하게 어떤 기능을 하는

곳을 가리키는지 알려줄수 있어서 좋다. 하지만 단점이 있다. 일반 그림이 들어가게

되면 색깔정보(Opaque) 는 무시되고 이미지에 포함된 Alpha(투명색) 정보로만

표시가 된다. 그러니까 일반 그림을 넣게되면 형태만 나오게 된다.

테스트를 해보고 싶다면 투명색정보를 집어넣던지 아니면 투명색 정보가 있는

아이콘으로 해보면 될것이다. 색깔 쪽은 무지한 상태로 일단 넘어가기로 한다.

 

[원본그림]

[표현그림]

들어가는 이미지의 기본크기는 30x30 이다. 이에 맞지 않는다면 자동으로 확대/축소된다.

 

탭에 이미지를 넣고 싶다면 먼저 Resources 폴더에 쓸만한 아이콘을 집어넣는다.

그리고 MainWindow.xib 를 클릭해 인터페이스 빌더를 띄운다. 탭을 클릭하지 말고

? 표나 타이틀을 클릭하게 되면 그 부분만 선택되게 된다. 그 상태에서 Inspector 창의

Attributes 란을 보게 되면 아래쪽에 Image 라는 란이있다. 콤보를 클릭해서 보면

Resources 란에 집어넣었던 이미지가 다 나오게 되는데 이중 하나를 선택하면

표시가 되게 된다. 다른 탭도 마찬가지 과정을 거치면 된다.

3개의 탭에 모두 다른 그림을 집어넣고 실행한 화면이다. 어째 마음에 안들지만

Alpha 어쩌구 때문에 그렇다는건 알았기 때문에 그걸로 만족해야겠다