關於iOS 狀態欄、導航欄的幾處筆記

時間 2019-12-05

標籤關於 ios 狀態導航筆記欄目 iOS 简体版

原文原文鏈接

級別： ★☆☆☆☆
標籤：「iOS」「狀態欄」「導航欄」
做者： dac_1033
審校： QiShare團隊
php

狀態欄與導航欄的位置如上圖，咱們能夠經過[UIApplication sharedApplication].statusBarFrame.size獲取狀態欄的size（通常沒有劉海時的高度爲20，有劉海時的高度爲44）。經過self.navigationController.navigationBar.frame.size獲取導航欄的size（通常高度爲44，大標題時高度爲xyz，固然也能夠經過自定義來改變導航欄樣式）。 ***ps：***在咱們經過[nav.navigationBar setBarTintColor:[UIColor lightGrayColor]];來設置導航欄顏色時，將致使導航欄和狀態欄背景色均變爲淺灰色。git

1. 狀態欄內容是否高亮

狀態欄內容包括信號、時間、電量等，只有兩種顏色樣式（黑或白）。iOS開發過程當中提供修改狀態欄內容顏色樣式的方法：github

在代碼中設置狀態欄內容顏色：info.plist文件中直接設置狀態欄內容顏色：在info.plist中添加字段View controller-based status bar appearance，當其取值爲YES時，表示以UIController對狀態欄的設置爲準，UIApplication對狀態欄進行的設置將不起做用。

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

// 注意：
// 當controller嵌入UINavigationController中時，controller中的方法preferredStatusBarStyle是不會自動被調用的，而navController中的該方法會被調用；
// 當有navController時，在重寫controller中的preferredStatusBarStyle方法同時，咱們還應重寫navController中的childViewControllerForStatusBarStyle方法。
- (UIViewController *)childViewControllerForStatusBarStyle {
    
    return self.topViewController;
}
複製代碼

當字段View controller-based status bar appearance取值爲NO時，則以UIApplication爲準，控制器設置狀態欄的方法preferredStatusBarStyle則根本不會被調用。算法

// 狀態欄內容-黑色
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleDefault;
// 狀態欄內容-白色
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;
複製代碼

在info.plist文件中直接設置狀態欄內容顏色：字段View controller-based status bar appearance取值爲NO，且Status bar style取值爲UIStatusBarStyleLightContent（可選），則不寫代碼，也可控制應用中的狀態欄內容顏色。

2. 隱藏狀態欄

整個項目隱藏在Targets -> General -> 勾選 Hide status bar 便可。 bash
在單個界面中隱藏微信

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

// iOS 9.0 以後推薦使用這個
// 注意：該方法能夠經過UIController中的方法setNeedsStatusBarAppearanceUpdate來間接調用
- (BOOL)prefersStatusBarHidden {
    
    return YES;
}
複製代碼

注意：上面兩個操做狀態方法依然受到Info.plist中字段View controller-based status bar appearance取值得影響，該字段取值爲YES時，進入controller會自動調用prefersStatusBarHidden方法。當controller嵌入UINavigationController中時，controller中的方法prefersStatusBarHidden是不會自動被調用的，而navController中的該方法會被調用；當有navController時，在重寫controller中的prefersStatusBarHidden方法同時，咱們還應重寫navController中的childViewControllerForStatusBarHidden方法。app

- (UIViewController *)childViewControllerForStatusBarHidden {
    
    return self.topViewController;
}
複製代碼

啓動頁隱藏狀態欄，進入程序後正常顯示狀態欄首先，在Targets->General->勾選中Hide status bar或者在info.plist裏面 Status bar is initially hidden 設置爲 YES；其次，在AppDelegate.m中添加代碼

-(BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    [application setStatusBarHidden:NO withAnimation:UIStatusBarAnimationFade];
}
複製代碼

3. 導航欄

UINavigationController的視圖層次結構比較清晰，用戶可見的導航欄即爲其中的***UINavigationBar***，經過它，咱們就能夠修改導航欄的樣式。下面咱們就逐步介紹一些經常使用的關於導航欄的操做。ide

導航欄經常使用操做

// 隱藏導航欄
//[self.navigationController setNavigationBarHidden:YES];
[self.navigationController setNavigationBarHidden:YES animated:YES];

// 設置導航背景爲紅色
[self.navigationController.navigationBar setBarTintColor:[UIColor redColor]];

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

// Attributes 屬性
NSDictionary  *textAttributes = @{NSForegroundColorAttributeName:[UIColor whiteColor],NSFontAttributeName:[UIFont systemFontOfSize:30]};
// 設置導航欄標題的字體大小、顏色
[self.navigationController.navigationBar setTitleTextAttributes:textAttributes];
複製代碼

4. 導航欄經常使用樣式

在平常開發中，咱們常常須要修改導航欄樣式，如使導航欄透明、導航欄尺寸等，在不一樣樣式導航欄之間的切換時還要注意是否平順...（隱藏，與正常導航欄的切換）oop

導航欄大標題

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

自定義導航欄大標題樣式重寫UINavigationBar中的layoutSubviews方法，可經過發送通知的形式來監聽導航欄高度變化，以下：

-(void)layoutSubviews {
    [super layoutSubviews];
    
    [[NSNotificationCenter defaultCenter] postNotificationName:KEY_UINavigationBar_Height_Changed object:self userInfo:nil];
}
複製代碼

使導航欄透明當須要設置導航欄透明且title等項正常顯示時，最好將設置過程置於viewWillAppear:方法中：

//// 須要導航欄透明的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]}];
}

//// 導航欄爲非透明的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]}];
}

複製代碼

關於自定義導航欄、tabBar的例子將在後續文章中介紹...post

小編微信：可加並拉入《QiShare技術交流羣》。