【iOS 開發】Status Bar 狀態欄設置彙總

狀態欄

我的以爲 iOS 的 Status Bar 狀態欄也是一個比較坑的地方，因此仍是寫一個總結，有遇到這方面問題的朋友能夠看一下。

Status Bar 狀態欄的隱藏

1. 經過設置 Info.plist 文件實現狀態欄的全局隱藏

• 在 Info.plist 文件中添加 Status bar is initially hidden 設置爲 YES ，這個是隱藏 App 在 LunchScreen（歡迎界面）時的狀態欄。

• 在 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 也能夠），這裏能夠設置兩個值，就是上面提到那兩個 UIStatusBarStyleDefault 和 UIStatusBarStyleLightContent 。

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;
}

可是！！ 當 UIViewController 在 UINavigationController 導航欄中時，上面方法沒用， 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 。