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裡面設定