[Customize] 1. Navigation Bar

Customize : 주인이 원하는 대로 만들다, 주문 제작하다.       - 네이버 어학사전 

커스텀하는 것은 어떻게보면 불필요하지만(기능 외적인 부분), 또 다르게보면 필수적인 작업입니다. ( 차별성 ) 

커스텀에 관한 첫번째 시간으로 네비게이션 컨트롤러에 관한 커스텀을 해보겠습니다.

기본적으로 Navigation Bar는 3가지 Style을 가지고 있습니다.

1. Default

2. Black Opaque

3. Black Translucent

+@ 그리고 Tint를 통해 배경색을 입힐 수 있습니다. (ex 빨강색)

이 4가지가 기본으로 Navigation Controller 안에 있는 Navigation Bar를 통해 스타일 또는 색을 지정하게되면 해당 컨트롤과 연결되어 있는 모든 뷰에서 적용이 됩니다.
( 스토리보드로는 확인이 될 때도 있고 안 될 때도 있음,  뷰 연결 후 적용할 경우 확인 불가능
                                                                       적용시키고 뷰를 연결하면 확인 가능 )

우왕 기본 스타일도 깔끔하고, Tint를 통해 색깔만 고치면 내가 원하는 건 할 수 있겠는데?
"이 정도로 충분해!" 하시는 분들은 더 이상 읽지 않으셔도 좋습니다.

판도라의 상자를 여신 분들은 끝까지 보시기 바랍니다.

Navigation Bar를 커스텀하기 위해서는 Navigation Bar가 있는 Navigation Controller를 이용해야 합니다.

[순서]

customNaviViewController 소스만들기

 

그리고나서 Custom Class를 만든 컨트롤러로 연 결

  

UIImage *image = [UIImage imageNamed:@"NaviBG.png"];

[self.navigationBar setBackgroundImage:image forBarMetrics:UIBarMetricsDefault];

위 소스를 viewDidLoad에 넣어주면 NaviBG.png라는 배경이 입혀지게 됩니다.

[결과화면]

주의하실 점!!

배경으로 쓰이는 이미지가 바의 크기보다 작을 경우 꽉 차지않고

윈도우 바탕화면의 바둑판식 배열처럼 되는 경우가 있습니다.

이 경우에는 바의 높이보다 1/2이 적은 이미지 사용 결과입니다.

이 경우에는 엥그리버드의 이미지 였는데 바탕은 투명이었는데 이렇게 되었습니다.