狀態列顏色顯示(字型、背景)
狀態列分前後兩部分,要分清這兩個概念,後面會用到:
-
前景部分:就是指的顯示電池、時間等部分;
-
背景部分:就是顯示黑色或者圖片的背景部分;
如下圖:前景部分為白色,背景部分為黑色
注意:這裡只涉及到ios7以及更高版本,低版本下面的講解可能無效。
一、設定statusBar的【前景部分】
簡單來說,就是設定顯示電池電量、時間、網路部分標示的顏色,
這裡只能設定兩種顏色:
- 預設的黑色(UIStatusBarStyleDefault)
- 白色(UIStatusBarStyleLightContent)
可以設定的地方有兩個:plist設定裡面 和 程式程式碼裡
按照UI給的圖,因為背景顏色要突出,所以要求狀態列使用亮色,但實際上預設是黑色
這裡使用兩種方法:
第一種:你是要全工程的狀態列都要變白色:
操作AppDelegate
1)在info.plist中新增 View-Controller-based status bar appearance 屬性,Value選擇NO
2)在啟動方法func application(...)下呼叫直接書寫
UIApplication.sharedApplication().statusBarStyle = .LightContent
這樣就可以把預設的黑色改為白色
啟動App,完成,一次設定,所有頁面都相同。但是出現對狀態列顏色有不同需求的話 就需要用到第2種方法
第二種:只是部分控制器需要修改狀態列文字的顏色:
操作ViewController
1)同樣是對info.plist的操作,同方法1一樣新增屬性,不過這次的Value為YES
2)在ViewController中,可以重寫以下方法即可
override func preferredStatusBarStyle() -> UIStatusBarStyle {
return .LightContent;
}
啟動App,完成,更加靈活的操作。
二、設定statusBar的【背景部分】
背景部分,簡單來說,就是背景色;改變方法有兩種:
系統提供的方法
navigationBar的setBarTintColor介面,用此介面可改變statusBar的背景色
注意:一旦你設定了navigationBar的- (void)setBackgroundImage:(UIImage *)backgroundImage forBarMetrics:(UIBarMetrics)barMetrics介面,那麼上面的setBarTintColor介面就不能改變statusBar的背景色,statusBar的背景色就會變成純黑色。
另闢蹊徑
建立一個UIView,
設定該UIView的frame.size 和statusBar大小一樣,
設定該UIView的frame.origin 為{0,-20},
設定該UIView的背景色為你希望的statusBar的顏色,
在navigationBar上addSubView該UIView即可。
例:
info.plist中新增 View-Controller-based status bar appearance 屬性,Value選擇NO
func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
// Override point for customization after application launch.
window = UIWindow(frame: UIScreen.mainScreen().bounds)
window?.rootViewController = UINavigationController(rootViewController: ViewController())
window?.backgroundColor = UIColor.whiteColor()
window?.makeKeyAndVisible()
// 狀態列字型白色
UIApplication.sharedApplication().statusBarStyle = .LightContent
// 狀態列背景顏色
// 在window上新增一個view保持在最前方, 需要注意的是這個view要在根檢視控制器設定之後建立, 不然會出現顯示不出來的情況
let stateBarBlockView = UIView(frame: CGRectMake(0, 0, window!.bounds.width, 20))
stateBarBlockView.backgroundColor = UIColor.blackColor()
window?.addSubview(stateBarBlockView)
window?.bringSubviewToFront(stateBarBlockView)
return true
}