1. 程式人生 > >狀態列顏色顯示(字型、背景)

狀態列顏色顯示(字型、背景)

ios上狀態列 就是指的最上面的20畫素高的部分 
狀態列分前後兩部分,要分清這兩個概念,後面會用到:
  • 前景部分:就是指的顯示電池、時間等部分;

  • 背景部分:就是顯示黑色或者圖片的背景部分;

    如下圖:前景部分為白色,背景部分為黑色

注意:這裡只涉及到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的【背景部分】

背景部分,簡單來說,就是背景色;改變方法有兩種:

系統提供的方法

navigationBarsetBarTintColor介面,用此介面可改變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

    }