1. 程式人生 > >【iOS 開發】Status Bar 狀態列設定彙總

【iOS 開發】Status Bar 狀態列設定彙總

狀態列

個人覺得 iOSStatus Bar 狀態列也是一個比較坑的地方,所以還是寫一個總結,有遇到這方面問題的朋友可以看一下。

Status Bar 狀態列的隱藏

1. 通過設定 Info.plist 檔案實現狀態列的全域性隱藏

  • Info.plist 檔案中新增 Status bar is initially hidden 設定為 YES ,這個是隱藏 AppLunchScreen(歡迎介面)時的狀態列。

  • Info.plist 檔案中新增 View controller-based status bar appearance 設定為 NO,這個是隱藏 App

    在所有 UIViewController 時的狀態列。

Info.plist

特別注意:

Status bar is initially hidden 設定為 NO 的時候,不管 View controller-based status bar appearance 設定為 NO 還是 YES ,都是無效的,只有 Status bar is initially hidden 設定為 YES 的時候, View controller-based status bar appearance 才生效,這個要注意一下。

2. 通過程式碼實現狀態列的全域性隱藏

  • Info.plist

    檔案中新增 View controller-based status bar appearance 設定為 NO

  • AppDelegate 檔案中,實現下面方法(在其他 UIViewController 中也有效):

// OC
[UIApplication sharedApplication].statusBarHidden = YES;
  
// Swift
UIApplication.sharedApplication().statusBarHidden = true

特別注意:

如果想要通過程式碼實現狀態列隱藏,必須在 Info.plist 檔案中新增 View controller-based status bar appearance

,並且必須設定為 NO ,否則程式碼不會有任何效果,而且程式碼只能隱藏 App 在所有 UIViewController 時的狀態列,不能隱藏在 LunchScreen(歡迎介面)時的狀態列。

3. 通過程式碼實現狀態列的區域性隱藏

上面的方法是全域性隱藏,是隱藏 App 在所有 UIViewController 時的狀態列,下面的方法是區域性隱藏,是單個 UIViewController 內的隱藏。

  • Info.plist 檔案中新增 View controller-based status bar appearance 設定為 YES

  • 在需要隱藏狀態列的 UIViewController 檔案中,加入下面方法:

// OC
- (BOOL)prefersStatusBarHidden {
    return YES;
}
  
// Swift
override func prefersStatusBarHidden() -> Bool {
    return true
}

特別注意:

如果想要通過程式碼實現某個 UIViewController 狀態列區域性隱藏,必須在 Info.plist 檔案中新增 View controller-based status bar appearance ,並且必須設定為 YES ,否則程式碼不會有任何效果。

Status Bar 狀態列的顏色

狀態列分前後兩部分,要分清這兩個概念,後面會用到:

  • 文字部分:就是指的顯示電池、時間等部分。
  • 背景部分:就是顯示黑色或者圖片的背景部分。

文字部分為白色,背景部分為黑色

1. 設定 Status Bar 的【文字部分】

簡單來說,就是設定顯示電池電量、時間、網路部分標示的顏色, 這裡只能設定兩種顏色:

// 預設的黑色
UIStatusBarStyleDefault
  
// 白色
UIStatusBarStyleLightContent

1)通過設定 Info.plist 檔案全域性設定狀態列的文字顏色

  • Info.plist 裡增加一行 UIStatusBarStyle( Status bar style 也可以),這裡可以設定兩個值,就是上面提到那兩個 UIStatusBarStyleDefaultUIStatusBarStyleLightContent

Info.plist

2)通過程式碼全域性設定狀態列的文字顏色

  • Info.plist 檔案中新增 View controller-based status bar appearance 設定為 NO (理論同上,必須新增且必須設定為 NO ,否則不生效)。

  • AppDelegate 檔案中,實現下面方法(在其他 UIViewController 中也有效):

// OC
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
  
// Swift
UIApplication.sharedApplication().statusBarStyle = UIStatusBarStyle.LightContent

3)通過程式碼區域性設定狀態列的文字顏色

  • Info.plist 檔案中新增 View controller-based status bar appearance 設定為 YES (理論同上,必須新增且必須設定為 YES ,否則不生效) 。

  • 在需要設定狀態列顏色的 UIViewController 檔案中,加入下面方法:

// OC
- (UIStatusBarStyle)preferredStatusBarStyle {
    return UIStatusBarStyleLightContent;
}
  
// Swift
override func preferredStatusBarStyle() -> UIStatusBarStyle {
    return UIStatusBarStyle.LightContent
}

但是!!UIViewControllerUINavigationController 導航欄中時,上面方法沒用, preferredStatusBarStyle 方法根本不會被呼叫,因為 UINavigationController 中也有 preferredStatusBarStyle 這個方法。

解決辦法有兩個:

方法一: 設定導航欄的 barStyle 屬性會影響 status bar 的字型和背景色。如下。

// 狀態列字型為白色,狀態列和導航欄背景為黑色
self.navigationController.navigationBar.barStyle = UIBarStyleBlack;
    
// 狀態列字型為黑色,狀態列和導航欄背景為白色
self.navigationController.navigationBar.barStyle = UIBarStyleDefault;

方法二: 自定義一個 UINavigationController 的子類,在這個子類中重寫 preferredStatusBarStyle 這個方法,這樣在 UIViewController 中就有效了,如下:

@implementation MyNavigationController
  
- (UIStatusBarStyle)preferredStatusBarStyle {
    UIViewController *topVC = self.topViewController;
    return [topVC preferredStatusBarStyle];
}
  
@end

2. 設定 Status Bar 的【背景部分】

背景部分,簡單來說,就是狀態列的背景顏色,其實系統狀態列的背景顏色一直是透明的狀態,當有導航欄時,導航欄背景是什麼顏色,狀態列就是什麼顏色,沒有導航欄時,狀態列背後的檢視時什麼顏色,它就是什麼顏色。

// 這個方法是設定導航欄背景顏色,狀態列也會隨之變色
[self.navigationController.navigationBar setBarTintColor:[UIColor redColor]];

如果想要單獨設定狀態列顏色,可以新增以下方法來設定:

/**
 設定狀態列背景顏色
  
 @param color 設定顏色
 */
- (void)setStatusBarBackgroundColor:(UIColor *)color {
    UIView *statusBar = [[[UIApplication sharedApplication] valueForKey:@"statusBarWindow"] valueForKey:@"statusBar"];
    if ([statusBar respondsToSelector:@selector(setBackgroundColor:)]) {
        statusBar.backgroundColor = color;
    }
}

效果圖:

單獨設定狀態列背景顏色

好了,關於 Status Bar 狀態列的總結大概就這麼多,其中說明了很多比較坑的細節,網上很多資料都沒有說明清楚,希望對遇到這方面問題的朋友能有所幫助。

將來的你,一定會感激現在拼命的自己,願自己與讀者的開發之路無限美好。

我的傳送門: 部落格簡書微博GitHub