iOS 關(guān)于狀態(tài)欄、導(dǎo)航欄的幾處筆記

級別: ★☆☆☆☆
標(biāo)簽:「iOS」「狀態(tài)欄」「導(dǎo)航欄」
作者: dac_1033
審校: QiShare團(tuán)隊


狀態(tài)欄與導(dǎo)航欄

狀態(tài)欄與導(dǎo)航欄的位置如上圖,我們可以通過[UIApplication sharedApplication].statusBarFrame.size獲取狀態(tài)欄的size(一般沒有劉海時的高度為20整以,有劉海時的高度為44)擂错。
通過self.navigationController.navigationBar.frame.size獲取導(dǎo)航欄的size(一般高度為44鹿鳖,大標(biāo)題時高度為xyz本鸣,當(dāng)然也可以通過自定義來改變導(dǎo)航欄樣式)疫衩。
ps:在我們通過[nav.navigationBar setBarTintColor:[UIColor lightGrayColor]];來設(shè)置導(dǎo)航欄顏色時,將導(dǎo)致導(dǎo)航欄和狀態(tài)欄背景色均變?yōu)闇\灰色荣德。

1. 狀態(tài)欄內(nèi)容是否高亮

狀態(tài)欄內(nèi)容包括信號隧土、時間、電量等命爬,只有兩種顏色樣式(黑或白)。iOS開發(fā)過程中提供修改狀態(tài)欄內(nèi)容顏色樣式的方法:

  • 在代碼中設(shè)置狀態(tài)欄內(nèi)容顏色:info.plist文件中直接設(shè)置狀態(tài)欄內(nèi)容顏色:在info.plist中添加字段View controller-based status bar appearance辐脖, 當(dāng)其取值為YES時饲宛,表示以UIController對狀態(tài)欄的設(shè)置為準(zhǔn),UIApplication對狀態(tài)欄進(jìn)行的設(shè)置將不起作用嗜价。
// 在controller中重寫該方法艇抠,并返回相應(yīng)值
- (UIStatusBarStyle)preferredStatusBarStyle {
    
    return UIStatusBarStyleLightContent;
}

// 注意:
// 當(dāng)controller嵌入UINavigationController中時,controller中的方法preferredStatusBarStyle是不會自動被調(diào)用的久锥,而navController中的該方法會被調(diào)用家淤;
// 當(dāng)有navController時,在重寫controller中的preferredStatusBarStyle方法同時瑟由,我們還應(yīng)重寫navController中的childViewControllerForStatusBarStyle方法絮重。
- (UIViewController *)childViewControllerForStatusBarStyle {
    
    return self.topViewController;
}

當(dāng)字段View controller-based status bar appearance取值為NO時,則以UIApplication為準(zhǔn)歹苦,控制器設(shè)置狀態(tài)欄的方法preferredStatusBarStyle則根本不會被調(diào)用青伤。

// 狀態(tài)欄內(nèi)容-黑色
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleDefault;
// 狀態(tài)欄內(nèi)容-白色
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
  • 在info.plist文件中直接設(shè)置狀態(tài)欄內(nèi)容顏色:字段View controller-based status bar appearance取值為NO,且Status bar style取值為UIStatusBarStyleLightContent(可選)殴瘦,則不寫代碼狠角,也可控制應(yīng)用中的狀態(tài)欄內(nèi)容顏色。

2. 隱藏狀態(tài)欄

  • 整個項目隱藏
    在Targets -> General -> 勾選 Hide status bar 即可蚪腋。


    工程配置
  • 在單個界面中隱藏

// iOS 9.0 之前
// 隱藏=YES,顯示=NO; Animation:動畫效果
[[UIApplication sharedApplication] setStatusBarHidden:YES withAnimation:UIStatusBarAnimationNone];

// iOS 9.0 之后推薦使用這個
// 注意:該方法可以通過UIController中的方法setNeedsStatusBarAppearanceUpdate來間接調(diào)用
- (BOOL)prefersStatusBarHidden {
    
    return YES;
}

注意:上面兩個操作狀態(tài)方法依然受到Info.plist中字段View controller-based status bar appearance取值得影響丰歌,該字段取值為YES時姨蟋,進(jìn)入controller會自動調(diào)用prefersStatusBarHidden方法。當(dāng)controller嵌入UINavigationController中時立帖,controller中的方法prefersStatusBarHidden是不會自動被調(diào)用的眼溶,而navController中的該方法會被調(diào)用;當(dāng)有navController時厘惦,在重寫controller中的prefersStatusBarHidden方法同時偷仿,我們還應(yīng)重寫navController中的childViewControllerForStatusBarHidden方法。

- (UIViewController *)childViewControllerForStatusBarHidden {
    
    return self.topViewController;
}
  • 啟動頁隱藏狀態(tài)欄宵蕉,進(jìn)入程序后正常顯示狀態(tài)欄
    首先酝静,在Targets->General->勾選中Hide status bar或者在info.plist里面 Status bar is initially hidden 設(shè)置為 YES;
    其次羡玛,在AppDelegate.m中添加代碼
-(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    [application setStatusBarHidden:NO withAnimation:UIStatusBarAnimationFade];
}

3. 導(dǎo)航欄

UINavigationController的視圖結(jié)構(gòu)

UINavigationController的視圖層次結(jié)構(gòu)比較清晰别智,用戶可見的導(dǎo)航欄即為其中的UINavigationBar,通過它稼稿,我們就可以修改導(dǎo)航欄的樣式薄榛。下面我們就逐步介紹一些常用的關(guān)于導(dǎo)航欄的操作。

  • 導(dǎo)航欄常用操作
// 隱藏導(dǎo)航欄
//[self.navigationController setNavigationBarHidden:YES];
[self.navigationController setNavigationBarHidden:YES animated:YES];

// 設(shè)置導(dǎo)航背景為紅色
[self.navigationController.navigationBar setBarTintColor:[UIColor redColor]];

// 設(shè)置navigationBar的透明效果
[self.navigationController.navigationBar setTranslucent:YES]; 
//設(shè)置導(dǎo)航欄的背景圖片
[self.navigationController.navigationBar setBackgroundImage:[UIImage imageNamed:@"imgName"] forBarMetrics:UIBarMetricsDefault];

// Attributes 屬性
NSDictionary  *textAttributes = @{NSForegroundColorAttributeName:[UIColor whiteColor],NSFontAttributeName:[UIFont systemFontOfSize:30]};
// 設(shè)置導(dǎo)航欄標(biāo)題的字體大小让歼、顏色
[self.navigationController.navigationBar setTitleTextAttributes:textAttributes];

4. 導(dǎo)航欄常用樣式

在日常開發(fā)中敞恋,我們經(jīng)常需要修改導(dǎo)航欄樣式,如使導(dǎo)航欄透明谋右、導(dǎo)航欄尺寸等硬猫,在不同樣式導(dǎo)航欄之間的切換時還要注意是否平順...(隱藏,與正常導(dǎo)航欄的切換)

  • 導(dǎo)航欄大標(biāo)題
if (@available(iOS 11.0, *)) {
        [self.navigationController.navigationBar setPrefersLargeTitles:YES];
}
  • 自定義導(dǎo)航欄大標(biāo)題樣式
    重寫UINavigationBar中的layoutSubviews方法改执,可通過發(fā)送通知的形式來監(jiān)聽導(dǎo)航欄高度變化啸蜜,如下:
-(void)layoutSubviews {
    [super layoutSubviews];
    
    [[NSNotificationCenter defaultCenter] postNotificationName:KEY_UINavigationBar_Height_Changed object:self userInfo:nil];
}
  • 使導(dǎo)航欄透明
    當(dāng)需要設(shè)置導(dǎo)航欄透明且title等項正常顯示時,最好將設(shè)置過程置于viewWillAppear:方法中:
//// 需要導(dǎo)航欄透明的ViewController中
- (void)viewWillAppear:(BOOL)animated {
    
    [super viewWillAppear:animated];
    
    _navView.hidden = NO;
    self.edgesForExtendedLayout = UIRectEdgeTop;
    self.navigationController.navigationBar.translucent = YES;
    [self.navigationController.navigationBar setShadowImage:[UIImage new]];
    [self.navigationController.navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
    [self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName: [UIColor whiteColor]}];
}

//// 導(dǎo)航欄為非透明的ViewController中
- (void)viewWillAppear:(BOOL)animated {
    
    [super viewWillAppear:animated];
    
    self.edgesForExtendedLayout = UIRectEdgeNone;
    self.navigationController.navigationBar.translucent = NO;
    [self.navigationController.navigationBar setShadowImage:nil];
    [self.navigationController.navigationBar setTintColor:[UIColor blackColor]];
    [self.navigationController.navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
    [self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName: [UIColor blackColor]}];
}

關(guān)于自定義導(dǎo)航欄辈挂、tabBar的例子將在后續(xù)文章中介紹...


推薦文章:
算法小專欄:遞歸與尾遞歸
iOS 避免常見崩潰(二)
算法小專欄:選擇排序
iOS Runloop(一)
iOS 常用調(diào)試方法:LLDB命令
iOS 常用調(diào)試方法:斷點(diǎn)
iOS 常用調(diào)試方法:靜態(tài)分析

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末衬横,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子终蒂,更是在濱河造成了極大的恐慌蜂林,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,290評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拇泣,死亡現(xiàn)場離奇詭異悉尾,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)挫酿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,107評論 2 385
  • 文/潘曉璐 我一進(jìn)店門构眯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人早龟,你說我怎么就攤上這事惫霸∶ㄧ裕” “怎么了?”我有些...
    開封第一講書人閱讀 156,872評論 0 347
  • 文/不壞的土叔 我叫張陵壹店,是天一觀的道長猜丹。 經(jīng)常有香客問我,道長硅卢,這世上最難降的妖魔是什么射窒? 我笑而不...
    開封第一講書人閱讀 56,415評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮将塑,結(jié)果婚禮上脉顿,老公的妹妹穿的比我還像新娘。我一直安慰自己点寥,他們只是感情好艾疟,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,453評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著敢辩,像睡著了一般蔽莱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上戚长,一...
    開封第一講書人閱讀 49,784評論 1 290
  • 那天盗冷,我揣著相機(jī)與錄音,去河邊找鬼同廉。 笑死正塌,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的恤溶。 我是一名探鬼主播,決...
    沈念sama閱讀 38,927評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼帜羊,長吁一口氣:“原來是場噩夢啊……” “哼咒程!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起讼育,我...
    開封第一講書人閱讀 37,691評論 0 266
  • 序言:老撾萬榮一對情侶失蹤帐姻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后奶段,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體饥瓷,經(jīng)...
    沈念sama閱讀 44,137評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,472評論 2 326
  • 正文 我和宋清朗相戀三年痹籍,在試婚紗的時候發(fā)現(xiàn)自己被綠了呢铆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,622評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡蹲缠,死狀恐怖棺克,靈堂內(nèi)的尸體忽然破棺而出悠垛,到底是詐尸還是另有隱情,我是刑警寧澤娜谊,帶...
    沈念sama閱讀 34,289評論 4 329
  • 正文 年R本政府宣布确买,位于F島的核電站,受9級特大地震影響纱皆,放射性物質(zhì)發(fā)生泄漏湾趾。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,887評論 3 312
  • 文/蒙蒙 一派草、第九天 我趴在偏房一處隱蔽的房頂上張望搀缠。 院中可真熱鬧,春花似錦澳眷、人聲如沸胡嘿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽衷敌。三九已至,卻和暖如春拓瞪,著一層夾襖步出監(jiān)牢的瞬間缴罗,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工祭埂, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留面氓,地道東北人。 一個月前我還...
    沈念sama閱讀 46,316評論 2 360
  • 正文 我出身青樓蛆橡,卻偏偏與公主長得像舌界,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子泰演,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,490評論 2 348

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

  • 【iOS 開發(fā)】Status Bar 狀態(tài)欄設(shè)置匯總 狀態(tài)欄 個人覺得 iOS 的 Status Bar 狀態(tài)欄也...
    Cocojiang閱讀 853評論 0 1
  • IOS的項目多數(shù)會遇到控制狀態(tài)欄和導(dǎo)航欄的問題呻拌,比如隱藏狀態(tài)欄、控制狀態(tài)欄的文字顏色等睦焕,導(dǎo)航欄也有同樣需求藐握。本文總...
    YHWXQ簡簡單單的生活閱讀 1,715評論 1 8
  • 一、有關(guān)狀態(tài)欄的隱藏 1.1垃喊、方式一:提示:控制器之間的狀態(tài)欄不會相互影響 (下面是 iOS9 之后的設(shè)置猾普,不支持...
    IIronMan閱讀 10,404評論 0 15
  • 寫給希望永遠(yuǎn)自信得體的女人! 何為優(yōu)雅本谜? 優(yōu)雅是一種和諧初家,與美麗很相似。但美麗往往是一種自然的恩賜,而優(yōu)雅則是藝術(shù)...
    XUNQOOBEE閱讀 272評論 0 0
  • “美在丑的旁邊笤成,畸形靠近優(yōu)美评架,丑怪藏在崇高背后,美與丑并存炕泳,光明與黑暗相關(guān)纵诞。”——雨果 拜讀完雨果大師的經(jīng)典名著《...
    宓美人閱讀 5,846評論 6 50