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)系作者
  • 序言:七十年代末朝氓,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子主届,更是在濱河造成了極大的恐慌赵哲,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,402評(píng)論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件君丁,死亡現(xiàn)場(chǎng)離奇詭異枫夺,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)绘闷,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)橡庞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人印蔗,你說(shuō)我怎么就攤上這事扒最。” “怎么了华嘹?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,483評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵吧趣,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng)再菊,這世上最難降的妖魔是什么爪喘? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,165評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮纠拔,結(jié)果婚禮上秉剑,老公的妹妹穿的比我還像新娘。我一直安慰自己稠诲,他們只是感情好侦鹏,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,176評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著臀叙,像睡著了一般略水。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上劝萤,一...
    開(kāi)封第一講書(shū)人閱讀 51,146評(píng)論 1 297
  • 那天渊涝,我揣著相機(jī)與錄音,去河邊找鬼床嫌。 笑死跨释,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的厌处。 我是一名探鬼主播鳖谈,決...
    沈念sama閱讀 40,032評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼阔涉!你這毒婦竟也來(lái)了缆娃?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,896評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤瑰排,失蹤者是張志新(化名)和其女友劉穎贯要,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體凶伙,經(jīng)...
    沈念sama閱讀 45,311評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡郭毕,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,536評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了函荣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片显押。...
    茶點(diǎn)故事閱讀 39,696評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖傻挂,靈堂內(nèi)的尸體忽然破棺而出乘碑,到底是詐尸還是另有隱情,我是刑警寧澤金拒,帶...
    沈念sama閱讀 35,413評(píng)論 5 343
  • 正文 年R本政府宣布兽肤,位于F島的核電站套腹,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏资铡。R本人自食惡果不足惜电禀,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,008評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望笤休。 院中可真熱鬧尖飞,春花似錦、人聲如沸店雅。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)闹啦。三九已至沮明,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間窍奋,已是汗流浹背荐健。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,815評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留费变,地道東北人摧扇。 一個(gè)月前我還...
    沈念sama閱讀 47,698評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像挚歧,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子吁峻,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,592評(píng)論 2 353

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

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