iOS NavigationBar 색 변경

내비게이션 바 색상을 변경하는 건데 정리하는 김에 내비게이션 바에 대해서 간단하게 살펴보려 합니다.

 

내비게이션 바는 내비게이션 컨트롤러와 함께 화면 상단 바에 표시됩니다.

클래스로 정의되어 있습니다.

 

UINavigationBar 객체는 일반적으로 상단에 표시되는 바로, 계층 내에서 탐색하기 위한 버튼을 포함합니다.

기본 구성은 왼쪽 버튼(뒤로가기), 가운데 제목 그리고 오른쪽 버튼으로(옵셔널) 구성됩니다. 

 

내비게이션 바 개념만 살짝보고 나중에 따로 정리하기로 하고,,

 

오늘은 

 

네비게이션바의 색상 변경하기

결론적으로 아래와 같은 내비게이션 바를 만들고 싶을 때

iOS 개발자 공식문서를 살펴봅니다.

참 잘 적혀있어.

 

바의 외관을 변경하고 싶으니 NavicationBar을 검색하고

스크롤을 쭉쭉 내려 Customizing the Bar Appearance에서 찾아보면 되겠죠.

 

그중에서도 내가 무엇을 변경해야하는지 description을 읽으며 살펴보면 됩니다.

backIndicatorImage 아니고 barStyle 아니고 

그 아래 description으로 the tnit color to apply to the navigation bar background니까 내가 필요한 건 이거야 :-) 

 

즉 barTintColor을 원하는 색으로 설정해주면 되겠죠.

 

여기까지 네비게이션바 색 변경하는 법 알았고

 

 

타이틀의 외관을 변경하고 싶으니 Customizing the Title's Appearance 쪽으로 와주면 됩니다.

위와 같은 방법으로 내가 무엇을 원하는지 찾아줍니다.

 

첫 번째 description에 Display attributes for the bar's title text.

어 요거네. 바의 타이틀(제목) 텍스트에 대한 속성을 표시하는 속성이니 titleTextAttributes이것을 변경해주면 되겠군.

 

만약에 라지타이틀을 사용하지 않는다면 여기까지 해도 무관합니다. 

 

하지만 저는 라지타이틀을 사용했기에 더 찾아야죠. 

라지 타이틀 속성도 변경도 해줘야죠.

 

두 번째 description에 Display attributes for the bar's large title text.

어 요고네. 바의 라지 타이틀(큰 제목) 텍스트에 대한 속성을 표시하는 속성이니 largeTitleTextAttributes 이것도 변경해주면 되겠죠.

 

이 두 속성의 타입을 살펴보면 [NSAttributedString.key :  Any]?로 되어있습니다.

 

NSAttributedString.key가 뭘까요

문자열의 텍스트에 적용할 수 있는 속성입니다.

이 또한 공식문서에서 살펴보면 엄청 많은 key들을 볼 수 있습니다.

 

그럼 그 많은 key 중에서 우리는 어떤 key를 변경해야 할까요

 

요거쥬.

foregroundColor를 키로 원하는 색을 변경하면 되겠다.

 

그럼 [NSAttributedString.key.foregroundColor: 원하는 색]이런 식으로 적용해주면 되겠죠.

 

맨 위 이미지와 같이 내비게이션 바를 설정하려면 딱 3줄이면 끝이 납니다.

 

저는 뷰컨이 한 개고 전체 적용이라 AppDelegate에 작성해주었습니다.

디테일하게 적용하고 싶다면 원하는 내비게이션 컨트롤러의 네비게이션 바에 설정해주면 되겠죠.