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

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

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

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

狀態(tài)欄內(nèi)容包括信號(hào)、時(shí)間、電量等，只有兩種顏色樣式（黑或白）。iOS開發(fā)過(guò)程中提供修改狀態(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時(shí)，表示以UIController對(duì)狀態(tài)欄的設(shè)置為準(zhǔn)，UIApplication對(duì)狀態(tài)欄進(jìn)行的設(shè)置將不起作用。

// 在controller中重寫該方法，并返回相應(yīng)值
- (UIStatusBarStyle)preferredStatusBarStyle {
    
    return UIStatusBarStyleLightContent;
}

// 注意：
// 當(dāng)controller嵌入U(xiǎn)INavigationController中時(shí)，controller中的方法preferredStatusBarStyle是不會(huì)自動(dòng)被調(diào)用的，而navController中的該方法會(huì)被調(diào)用；
// 當(dāng)有navController時(shí)，在重寫controller中的preferredStatusBarStyle方法同時(shí)，我們還應(yīng)重寫navController中的childViewControllerForStatusBarStyle方法。
- (UIViewController *)childViewControllerForStatusBarStyle {
    
    return self.topViewController;
}

當(dāng)字段View controller-based status bar appearance取值為NO時(shí)，則以UIApplication為準(zhǔn)，控制器設(shè)置狀態(tài)欄的方法preferredStatusBarStyle則根本不會(huì)被調(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)欄

• 整個(gè)項(xiàng)目隱藏
  在Targets -> General -> 勾選 Hide status bar 即可。

  
  
  工程配置

• 在單個(gè)界面中隱藏

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

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

注意：上面兩個(gè)操作狀態(tài)方法依然受到Info.plist中字段View controller-based status bar appearance取值得影響，該字段取值為YES時(shí)，進(jìn)入controller會(huì)自動(dòng)調(diào)用prefersStatusBarHidden方法。當(dāng)controller嵌入U(xiǎn)INavigationController中時(shí)，controller中的方法prefersStatusBarHidden是不會(huì)自動(dòng)被調(diào)用的，而navController中的該方法會(huì)被調(diào)用；當(dāng)有navController時(shí)，在重寫controller中的prefersStatusBarHidden方法同時(shí)，我們還應(yīng)重寫navController中的childViewControllerForStatusBarHidden方法。

- (UIViewController *)childViewControllerForStatusBarHidden {
    
    return self.topViewController;
}

• 啟動(dòng)頁(yè)隱藏狀態(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，通過(guò)它，我們就可以修改導(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)航欄之間的切換時(shí)還要注意是否平順...（隱藏，與正常導(dǎo)航欄的切換）

• 導(dǎo)航欄大標(biāo)題

if (@available(iOS 11.0, *)) {
        [self.navigationController.navigationBar setPrefersLargeTitles:YES];
}

• 自定義導(dǎo)航欄大標(biāo)題樣式
  重寫UINavigationBar中的layoutSubviews方法，可通過(guò)發(fā)送通知的形式來(lái)監(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等項(xiàng)正常顯示時(shí)，最好將設(shè)置過(guò)程置于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)分析