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

來源:互聯網
上載者:User

標籤:nta   tintcolor   data-   att   navig   sys   image   sed   wifi   

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.jianshu.com/p/63f758796438
來源:簡書
著作權歸作者所有。商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.