Swift - 自訂navigation bar style

想要客製化你的navigation bar可以設定UINavigationBar appearance


  • 改變Navigation Bar color
在自訂你的navigation bar 顏色前先來用一張圖大致了解appearance 屬性會影響什麼.

如下圖:


  1. barTintColor: 影響bar的背景色
  2. tintColor: 影響back item, button item tittle和button item image顏色



接著來實作看看:
  1. 將navigation bar 的背景色改為紅色 => barTintColor
  2. 將navigation item顏色改為綠色 => tintColor
為了讓所有ViewController都套用這個設定,必須將code寫在AppDelegate.swift





  • 改變navigation bar title 顏色
根據第一張圖要改變navigation title color要使用的是 titleTextAttributes 屬性
使用NSAttributedStringKey的foregroundColor 來設定title的顏色

實作:將navigation bar title  color改為藍色




想了解更多NSAttributedStringKey:


想了解更多UINavigationBar:
https://developer.apple.com/documentation/uikit/uinavigationbar#1654191








留言