1. 程式人生 > >iOS 更改狀態列、導航欄顏色的幾種方法

iOS 更改狀態列、導航欄顏色的幾種方法

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