1. 程式人生 > >iOS開發之全面講解的改變系統頂部狀態列的顏色變化

iOS開發之全面講解的改變系統頂部狀態列的顏色變化

ios上狀態列 就是指的最上面的20畫素高的部分
狀態列分前後兩部分,要分清這兩個概念,後面會用到:

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

    如下圖:前景部分為白色,背景部分為黑色
    在此輸入圖片描述

1.單個檢視View沒有導航控制器包裝的情況下

  • 預設情況下,啟動狀態列和進入程式後的狀態列都是預設的顏色-黑色,如下圖:

    預設情況.gif

1.只設置啟動狀態列顏色改變(白色),而檢視中狀態列不變化(預設黑色),做如下的設定即可,兩種方式不管先設定哪一個,另一個都會相應的變化,如下圖:


在General裡面做的修改
Info.plist檔案中生成的相應配置
只有啟動欄顏色改變.gif

2.設定啟動狀態列顏色改變(白色),檢視中的狀態列也變成白色(保持上面的設定),有兩種設定方式:

a.在Info.plist裡面新增一行View controller-based status bar appearance = NO 即可,如下圖:


在Info.plist裡面設定

b.在檢視控制器中新增程式碼,如下圖:


在.m檔案中新增程式碼

效果如下圖:


啟動和檢視一起改變.gif

3.設定檢視中狀態列的顏色為白色,啟動程式時的狀態列為預設顏色(黑色),沒有做1.中的任何設定情況下,在控制器.m檔案中新增如下程式碼(即2.->b.圖所示):

- (UIStatusBarStyle)preferredStatusBarStyle {
    return UIStatusBarStyleLightContent
; }

效果如下圖:


只改變檢視狀態列顏色.gif

2.檢視作為導航控制器的根控制器的情況下

  • 在這種情況下,啟動畫面和檢視的狀態列都是預設顏色(黑色),即使是在AppDelegate.m檔案的didFinishLaunching的方法中新增下面程式碼:
    [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
    並且在檢視控制器中新增如1.->2.->b.的圖中的程式碼也是沒有效果的。

各種無效果.gif

1.設定啟動畫面的狀態列為白色,檢視中的狀態列為預設(黑色),如1.->1.中的設定即可,效果如下圖:


導航欄包裝的情況-1.gif


此時,如果想要檢視的狀態列變為白色,不管是在AppDelegate.m檔案中新增
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;同時在檢視控制器中新增1.->2.->b.的圖中的程式碼,都是然並卵,已測試。

2.設定啟動畫面和檢視中的狀態列顏色都為白色(保持2.->1.中的設定),方式同樣有兩種:

a.在Info.plist裡面新增一行View controller-based status bar appearance = NO 即可,如下圖:


在Info.plist裡面設定

b.此時如果單單在檢視控制器.m檔案中新增如下程式碼是不夠的,

- (UIStatusBarStyle)preferredStatusBarStyle {
    return UIStatusBarStyleLightContent;
}

同時需要在導航控制器.m檔案中新增下面的程式碼才能達到效果(careful)

- (UIViewController *)childViewControllerForStatusBarStyle{
    return self.topViewController;
}

如下圖:


導航欄包裝的情況-2.gif

2.只設置檢視控制器狀態列顏色為白色,啟動畫面的狀態列為預設(黑色),把Info.plist檔案中的 Status bar style = UIStatusBarStyleLightContent設定去掉,保持2.->2.->b.中的程式碼設定即可,效果如下圖:


導航欄包裝的情況-3.gif

3.小結

1.在AppDelegate.m檔案中新增如下程式碼,沒有一點兒毛用,
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
/[[UIApplication sharedApplication]setStatusBarStyle:UIStatusBarStyleLightContent animated:YES];(被棄用)
2.目前所測試均為系統樣式,不包含自定義的情況。
3.以上如有疏漏或錯誤的地方,忘及時溝通交流,儘快更正,不能傳播誤導資訊。

4.補充

  • 要想在工程中啟動和檢視中的狀態列都是白色,用下面的方法簡單配置下就行。
    1.設定Status Bar Style為Light.

    Info.plist檔案中生成的相應配置

2.在plist檔案中新增 View controller-based status bar appearance = NO。


在Info.plist裡面設定