ios上狀態欄 就是指的最上面的20像素高的部分
狀態欄分前后兩部分,要分清這兩個概念,后面會用到:
前景部分:就是指的顯示電池、時間等部分;
背景部分:就是顯示黑色或者圖片的背景部分;
(一)設置statusBar的【前景部分】
簡單來說,就是設置顯示電池電量、時間、網絡部分標示的顏色, 這里只能設置兩種顏色:
默認的黑色(UIStatusBarStyleDefault)
白色(UIStatusBarStyleLightContent)
可以設置的地方有兩個:plist設置里面 和 程序代碼里
初始化設置:導航欄設置為不透明并給了"標題"與狀態欄文字作對比
self.edgesForExtendedLayout = 0;
self.navigationItem.title = @"標題";
只設置navigationBar不透明和寫了一個標題.png
改變狀態欄的方法
方法一:
1、plist
View controller-based status bar appearance 設置為 NO
設置為NO.png
2、代碼設置
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
效果如下:
狀態欄白色.png
方法二:
1、plist
View controller-based status bar appearance 設置為 YES 或者默認(不設置)
注意:
如果View controller-based status bar appearance為YES。
則[UIApplication sharedApplication].statusBarStyle 無效。
2、代碼設置
self.navigationController.navigationBar.barStyle = UIBarStyleBlack;
狀態欄導航欄文字都白色,背景黑色.png
或者在控制器中重寫preferredStatusBarStyle方法,修改狀態欄顏色
- (UIStatusBarStyle)preferredStatusBarStyle {
//? ? return UIStatusBarStyleLightContent;
return UIStatusBarStyleDefault;
}
(二)設置statusBar的【背景部分】
背景部分,簡單來說,就是背景色;改變方法有兩種:
1、系統提供的方法
navigationBar的setBarTintColor接口,用此接口可改變statusBar的背景色
self.navigationController.navigationBar.barTintColor = [UIColor greenColor];
純粹的背景色設置,默認字體都是黑色.png
如果想將狀態欄和導航欄字體全變為白色,這樣就行
self.navigationController.navigationBar.barStyle = UIBarStyleBlack;
此行代碼能將狀態欄和導航欄字體顏色全體改變,只能是黑色或白色.png
如果只想改變導航欄的字體顏色,可以這樣
[self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor redColor]}];
在默認顯示的標題中直接修改文件的大小和顏色也是可以的.png
還可以改變字體大小
[self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor redColor],NSFontAttributeName:[UIFont systemFontOfSize:25]}];
改變字體顏色大小.png
或者可以設置背景圖片
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"image01"] forBarMetrics:UIBarMetricsDefault];
圖片背景.png
2、另辟蹊徑
創建一個UIView,
設置該UIView的frame.size 和statusBar大小一樣,
設置該UIView的frame.origin 為{0,-20},
設置該UIView的背景色為你希望的statusBar的顏色,
在navigationBar上addSubView該UIView即可。
原理:
狀態欄區域相對于navigationBar的區域為
{0,-20,self.view.bounds.size.width,20}
除了改變狀態欄的前景色(文字顏色,wifi顏色,時間顏色,電池顏色),就是改變背景色.由于狀態欄區域上的控件是隱藏的,所以只要在狀態欄區域被渲染了顏色,狀態欄的背景顏色就跟著一起改變,從而改變了狀態欄的背景顏色.
UIView *statusBarView = [[UIView alloc]? initWithFrame:CGRectMake(0, -20,? ? self.view.bounds.size.width, 20)];
statusBarView.backgroundColor = [UIColor greenColor];
[self.navigationController.navigationBar addSubview:statusBarView];
改變狀態欄的背景顏色.png
另外圖片透明處理
navigationBar為透明,注釋掉self.edgesForExtendedLayout = 0;
// self.edgesForExtendedLayout = 0;
[self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault]
self.navigationController.navigationBar.shadowImage = [UIImage new];
圖片透明設置.png
作者:致id
鏈接:http://www.lxweimin.com/p/63f758796438
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。