這是一個很常用的開發場景,就是改變導航欄上的文字顏色與背景色,如果你曾有 windows form 開發經驗一定會笑我:“臥槽,這有什么好寫的,不就是設置兩個屬性就可以了嗎?” 我以前也這樣認為,但在iOS中這個過程是很落后的,先來建立一個簡單的帶有導航欄的項目,運行效果是這樣的:
這個界面很不怎么樣,至少很多情況下我們希望我們的APP在 導航欄上能顯示我們的主題色。
關于 UIColor
UIKit 的顏色類(UIColor
)是很難用的,而且系統顏色也非常有限。鑒于此得先寫個直接輸入16進制數就能得到顏色實例的函數,代碼如下所示:
func uiColorFromHex(rgbValue:UInt32)-> UIColor {
let red = CGFloat((rgbValue & 0xFF0000) >> 16)/256.0
let green = CGFloat((rgbValue & 0xFF00) >> 8)/256.0
let blue = CGFloat(rgbValue & 0xFF)/256.0
return UIColor(red:red, green:green, blue:blue, alpha:1.0)
}
改變導航欄的顏色
如果要統一地修改所有的導航欄的顏色,那么就要在 AppDelegate.swift
文件內的 didFinishLauchingWithOptions
方法內處理。如果每個視圖都有各自的顏色設定那么就得在每個 ViewController 內的 viewDidLoaded
方法實現了。
AppDelegate.swift
的代碼如下:
let navigationBarAppearance = UINavigationBar.appearance()
navigationBarApparance.barTintColor = uiColorFromHex(0x007AFF)
navigationBarApparance.tintColor = uiColorFromHex(0xFFFFFF)
-
barTintColor
屬性是用于改變導航欄的背景色。(臥槽!Apple 的命名果然還是一如既往的“好”啊,用backgroundColor
就不用附加說明了,真難以里解這個屬性被命名時這個程序員腦子是怎么想的。 ) -
tintColor
(另一個更讓人抓狂的屬性名)屬性控制:- 按鈕標題
- 左/右按鈕圖型
此時,你會發現導航欄中的文字仍然默認的黑色,如果我們想這個文字也能變成白色那么并不是粗暴直接設置文字顏色,當然如果要這么做的話可以設置 navigationBarAppearance.titleTextAttributes
屬性實現。但另一個更好的辦法是更改導航欄的樣式:
navigationBarApparance.barStyle = UIBarStyle.Black
這個 UIBarStyle.Black
的原文解釋是這樣的:
Use a black background with light content.
好吧,我們可以直接理解為將背景透明化吧。(這種文檔實在是糟透了)
Anyway 至少現在已經接近我們所需要的效果了。
剩下來就是上方那個占高24pt 狀態欄顏色還是默認的黑色, 我們還得將它給換過來。被前面的代碼給折磨過后,思路上就是一樣的 “light content”
我們就在設置導航欄后加入以下的代碼:
UIApplication.sharedApplication().statusBarStyle = UIStatusBarStyle.LightContent
最后還得做點點小修改,用源代碼編輯器打開 Info.plist 文件,然后加入以下的代碼
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>
禁止掉使用默認的狀態欄樣式。
好了,這就是我們所需要的最終效果。
為了大家方便閱讀,我將整個方法的代碼也貼出來:
func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
let navigationBarApparance = UINavigationBar.appearance()
navigationBarApparance.barTintColor = uiColorFromHex(0x007AFF)
navigationBarApparance.tintColor = uiColorFromHex(0xFFFFFF)
navigationBarApparance.barStyle = UIBarStyle.Black
UIApplication.sharedApplication().statusBarStyle = UIStatusBarStyle.LightContent
return true
}