iOS 更改狀態(tài)欄、導(dǎo)航欄顏色的幾種方法

iOS 更改狀態(tài)欄、導(dǎo)航欄顏色的幾種方法


ios上狀態(tài)欄 就是指的最上面的20像素高的部分

狀態(tài)欄分前后兩部分,要分清這兩個(gè)概念,后面會(huì)用到:

前景部分:就是指的顯示電池、時(shí)間等部分;

背景部分:就是顯示黑色或者圖片的背景部分;

(一)設(shè)置statusBar的【前景部分】

簡(jiǎn)單來(lái)說(shuō),就是設(shè)置顯示電池電量、時(shí)間、網(wǎng)絡(luò)部分標(biāo)示的顏色, 這里只能設(shè)置兩種顏色:

默認(rèn)的黑色(UIStatusBarStyleDefault)

白色(UIStatusBarStyleLightContent)

可以設(shè)置的地方有兩個(gè):plist設(shè)置里面 和 程序代碼里

初始化設(shè)置:導(dǎo)航欄設(shè)置為不透明并給了"標(biāo)題"與狀態(tài)欄文字作對(duì)比

self.edgesForExtendedLayout =0;self.navigationItem.title =@"標(biāo)題";

只設(shè)置navigationBar不透明和寫(xiě)了一個(gè)標(biāo)題.png

改變狀態(tài)欄的方法

方法一:

1、plist

View controller-based status bar appearance 設(shè)置為 NO

設(shè)置為NO.png

2、代碼設(shè)置

[UIApplicationsharedApplication].statusBarStyle =UIStatusBarStyleLightContent;

效果如下:

狀態(tài)欄白色.png

方法二:

1、plist

View controller-based status bar appearance 設(shè)置為 YES 或者默認(rèn)(不設(shè)置)

注意:

如果View controller-based status bar appearance為YES。

則[UIApplication sharedApplication].statusBarStyle 無(wú)效。

2、代碼設(shè)置

self.navigationController.navigationBar.barStyle =UIBarStyleBlack;

狀態(tài)欄導(dǎo)航欄文字都白色,背景黑色.png

或者在控制器中重寫(xiě)?preferredStatusBarStyle方法,修改狀態(tài)欄顏色

- (UIStatusBarStyle)preferredStatusBarStyle {//? ? return UIStatusBarStyleLightContent;returnUIStatusBarStyleDefault;}

(二)設(shè)置statusBar的【背景部分】

背景部分,簡(jiǎn)單來(lái)說(shuō),就是背景色;改變方法有兩種:

1、系統(tǒng)提供的方法

navigationBar的setBarTintColor接口,用此接口可改變statusBar的背景色

self.navigationController.navigationBar.barTintColor = [UIColorgreenColor];

純粹的背景色設(shè)置,默認(rèn)字體都是黑色.png

如果想將狀態(tài)欄和導(dǎo)航欄字體全變?yōu)榘咨?這樣就行

self.navigationController.navigationBar.barStyle =UIBarStyleBlack;

此行代碼能將狀態(tài)欄和導(dǎo)航欄字體顏色全體改變,只能是黑色或白色.png

如果只想改變導(dǎo)航欄的字體顏色,可以這樣

[self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColorredColor]}];

在默認(rèn)顯示的標(biāo)題中直接修改文件的大小和顏色也是可以的.png

還可以改變字體大小

[self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColorredColor],NSFontAttributeName:[UIFontsystemFontOfSize:25]}];

改變字體顏色大小.png

或者可以設(shè)置背景圖片

[self.navigationController.navigationBar setBackgroundImage:[UIImageimageNamed:@"image01"] forBarMetrics:UIBarMetricsDefault];

圖片背景.png

2、另辟蹊徑

創(chuàng)建一個(gè)UIView,

設(shè)置該UIView的frame.size 和statusBar大小一樣,

設(shè)置該UIView的frame.origin 為{0,-20},

設(shè)置該UIView的背景色為你希望的statusBar的顏色,

在navigationBar上addSubView該UIView即可。

原理:

狀態(tài)欄區(qū)域相對(duì)于navigationBar的區(qū)域?yàn)?/p>

{0,-20,self.view.bounds.size.width,20}

除了改變狀態(tài)欄的前景色(文字顏色,wifi顏色,時(shí)間顏色,電池顏色),就是改變背景色.由于狀態(tài)欄區(qū)域上的控件是隱藏的,所以只要在狀態(tài)欄區(qū)域被渲染了顏色,狀態(tài)欄的背景顏色就跟著一起改變,從而改變了狀態(tài)欄的背景顏色.

UIView*statusBarView = [[UIViewalloc]? initWithFrame:CGRectMake(0,-20,self.view.bounds.size.width,20)];statusBarView.backgroundColor = [UIColorgreenColor];[self.navigationController.navigationBar addSubview:statusBarView];

改變狀態(tài)欄的背景顏色.png

另外圖片透明處理

navigationBar為透明,注釋掉self.edgesForExtendedLayout = 0;

// self.edgesForExtendedLayout = 0;[self.navigationController.navigationBar setBackgroundImage:[UIImagenew] forBarMetrics:UIBarMetricsDefault]self.navigationController.navigationBar.shadowImage = [UIImagenew];

圖片透明設(shè)置.png

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,316評(píng)論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,481評(píng)論 3 415
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 176,241評(píng)論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 62,939評(píng)論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,697評(píng)論 6 409
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,182評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,247評(píng)論 3 441
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,406評(píng)論 0 288
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,933評(píng)論 1 334
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,772評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,973評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,516評(píng)論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,209評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 34,638評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 35,866評(píng)論 1 285
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,644評(píng)論 3 391
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,953評(píng)論 2 373

推薦閱讀更多精彩內(nèi)容

  • 清早起來(lái),趕頭班公交去西客站,看到了為粉飾昇平所做的彩燈裝飾,頓覺(jué)夜色撩人,有幾許迷幻感。 火車上人爆...
    瘦馬馱詩(shī)天一涯閱讀 243評(píng)論 0 1
  • 第六節(jié)課下了,我去找班主任咨詢可否不上晚自習(xí)這件事,班主任說(shuō)學(xué)校上晚自習(xí)本來(lái)也是免費(fèi)的,不想上可以不上,但是...
    君澀閱讀 199評(píng)論 0 0
  • 不知道你有沒(méi)有發(fā)現(xiàn),周圍環(huán)境對(duì)我們每個(gè)人的影響其實(shí)特別大,與誰(shuí)同行,決定了我們的眼界、視角、心胸、精神狀態(tài)和興趣愛(ài)...
    涵媽說(shuō)育兒閱讀 433評(píng)論 3 13
  • 予YuYu予閱讀 104評(píng)論 0 0
  • 以往,或多或少聽(tīng)說(shuō)過(guò)張愛(ài)玲這位女作家,但情況只局限在她是一個(gè)寫(xiě)愛(ài)情的人,至于她寫(xiě)的如何,完全不知,也從未看過(guò)有關(guān)于...
    Belle0閱讀 274評(píng)論 5 2