IOS狀態欄和導航欄的控制問題

原文：IOS狀態欄和導航欄的控制問題

IOS的項目多數會遇到控制狀態欄和導航欄的問題，好比隱藏狀態欄、控制狀態欄的文字顏色等，導航欄也有一樣需求。本文總結一下操做方法。

首先一點，IOS的界面分爲狀態欄和導航欄，狀態欄是指顯示電池、時間的最頂部的一個窄條，高度爲20個點；而導航欄是緊接着狀態欄的44個點高度的橫條，通常用於顯示app標題，返回按鈕等操做按鈕。

在ios7以前，狀態欄和導航欄是分開的，而從ios7開始狀態欄和導航欄交織在一塊兒了，狀態欄變爲透明，導航欄的高度變爲44+20=64：

狀態欄控制

對狀態欄的控制分兩種狀況：全局設置和分頁面設置。控制這兩種模式的開關是info.plist文件的View controller-based status bar appearance配置項。

全局設置狀態欄

將info.plist文件的View controller-based status bar appearance設置爲NO，便可開啓全局設置，也就是說你在VC中對狀態欄的控制都將無效，相比之下，是經過下面的代碼來全局控制：

//設置狀態欄的字體顏色模式
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
//設置狀態欄是否隱藏
[[UIApplication sharedApplication] setStatusBarHidden:YES];

注意，咱們並不能對狀態欄的字體顏色作任意的控制，只有兩種選擇UIStatusBarStyleDefault和UIStatusBarStyleLightContent，前者是默認的黑色，然後者是白色。也就是說若是你的背景色是偏深色，那麼設置狀態欄的字體顏色爲白色。另外，咱們能夠全局設置狀態欄是否顯示，可是通常而言app不會對全部界面都不顯示狀態欄，而是隻在特定的頁面須要隱藏狀態欄，好比對於視頻播放界面不但願顯示狀態欄。

對於狀態欄的背景色設置，上面提到從ios7開始狀態欄自己其實是透明的，它的背景色其實取決於導航欄的背景色。下面會講導航欄的設置。

分頁面設置狀態欄

將info.plist文件的View controller-based status bar appearance設置爲YES，便可開啓由VC來控制狀態欄的功能，在這種模式下，全局的設置將無效！！因此咱們必須逐個頁面對狀態欄進行設置，不然狀態欄將維持默認的黑色字體和默認爲顯示狀態。

字體設置

對於設置狀態欄字體顏色，分兩種狀況：VC是否屬於UINavigationController中：

1) 當VC不在UINavigationController中時，在VC中添加一個方法

- (UIStatusBarStyle)preferredStatusBarStyle
{ 
    //返回白色
    return UIStatusBarStyleLightContent;
    //返回黑色
    //return UIStatusBarStyleDefault;
}

保險起見，在view的某個加載階段好比viewWillAppear中，執行：

[self setNeedsStatusBarAppearanceUpdate];

2) 當VC在UINavigationController中時，VC並不能經過1)的方式控制狀態欄的顏色，詳見本文後面的參考資料，那麼這個時候，有一個trick的方法能夠在VC中間接的控制：

self.navigationController.navigationBar.barStyle = UIBarStyleBlack;

隱藏控制

對於控制狀態欄的隱藏一樣存在VC是不是根控制器的問題，也就說只有根控制器才能直接控制狀態欄的顯示與否。

1) 若是是VC自己就是根控制器，那麼在VC中添加以下代碼：

- (BOOL)prefersStatusBarHidden {
    return YES;
}

固然，保險起見，在適當的時候調用

[self setNeedsStatusBarAppearanceUpdate];

2) 若是VC不是根控制器，那麼不像控制字體顏色那樣有trick，咱們只能間接的經過在子VC中控制根VC，從而間接控制根控制器。那麼這個方法就不少了，好比個人根VC是個tab的VC，首先如今tab的VC中，實現1)：

@interface YYCTabBarController : RDVTabBarController

//定義一個變量來控制狀態欄顯示，子VC經過修改這個值來間接控制
@property (nonatomic,assign)BOOL statusBarHidden;

@end

@implementation YYCTabBarController

- (BOOL)prefersStatusBarHidden {
    return _statusBarHidden;
}

@end

在子VC中：

- (void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    
    //rdv_tabBarController指向YYCTabBarController
    if([self.rdv_tabBarController respondsToSelector:@selector(setStatusBarHidden:)]){
        [self.rdv_tabBarController performSelector:@selector(setStatusBarHidden:) withObject:@(YES)];
        [self setNeedsStatusBarAppearanceUpdate];
    }
}

- (void)viewWillDisappear:(BOOL)animated{
    [super viewWillDisappear:animated];
    
    if([self.rdv_tabBarController respondsToSelector:@selector(setStatusBarHidden:)]){
        //注意對NO的狀況，不能傳@NO，只能傳nil才能被當成NO
        [self.rdv_tabBarController performSelector:@selector(setStatusBarHidden:) withObject:nil];
        [self setNeedsStatusBarAppearanceUpdate];
    }
}

能夠看到在子VC中經過設置根VC的屬性，並調用setNeedsStatusBarAppearanceUpdate後，根VC的prefersStatusBarHidden就會被調用，從而隱藏或顯示狀態欄。

導航欄控制

背景控制

在IOS7中使用barTintColor來控制導航欄的背景色:

[[UINavigationBar appearance] setBarTintColor:[UIColor yellowColor]];

這個設置方法能夠在AppDelegate中設置，全局能夠生效。

若是但願使用圖片來做爲導航的背景，那麼須要注意的是ios7中圖片的高度問題。上面提到過了，ios7導航欄的高度實際上是算上狀態欄的，即44+20=64個點的高度。能夠經過setBackgroundImage來設置：

[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@ "nav_bg.png" ] forBarMetrics:UIBarMetricsDefault];

前景控制

前景控制分爲標題控制和返回按鈕(等系統按鈕)的控制

標題須要經過setTitleTextAttributes來設置，相對比較複雜一些，例如：

NSShadow *shadow = [[NSShadow alloc] init]; 
shadow.shadowColor = [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.8]; 
shadow.shadowOffset = CGSizeMake(0, 1); 
[[UINavigationBar appearance] setTitleTextAttributes: [NSDictionary dictionaryWithObjectsAndKeys: 
        [UIColor colorWithRed:245.0/255.0 green:245.0/255.0 blue:245.0/255.0 alpha:1.0], NSForegroundColorAttributeName, 
        shadow, NSShadowAttributeName, 
        [UIFont fontWithName:@ "HelveticaNeue-CondensedBlack"  size:21.0], NSFontAttributeName, nil]];

設置返回按鈕(等系統按鈕)能夠經過TintColor，直接來設置顏色

[[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];

顯示設置

有時咱們但願導航欄不顯示，而有時又但願顯示，那麼最好經過每一個個體的VC來控制，若是某個VC須要與其餘VC有所區別，那麼最好是「負責到底」，即在進入VC時改變導航欄的顯示狀態，而退出時還原：

- (void) viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    [self.navigationController.navigationBar setHidden:YES];
    [self.rdv_tabBarController setTabBarHidden:YES animated:NO];
}

- (void) viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    [self.navigationController.navigationBar setHidden:NO];
    [self.rdv_tabBarController setTabBarHidden:NO animated:NO];
}

如何在有導航欄的狀況下定位控件的Y

可能初學ios的同窗(尤爲是經過手寫代碼佈局的同窗)都會有這麼個感覺，爲何個人控件有的時候明明定位在VC上，但會被導航欄遮住，那麼你可能會得出結論原點(0,0)是在屏幕的左上角被導航欄遮住的；而對於像UITableView這樣的，設置了全屏鋪滿，怎麼就沒有被導航欄遮住呢？原點難道不在左上角？

筆者被這個問題困擾了好久，這裏談一下最近的一個理解。咱們拿UITextView來看

當咱們把一個UITextView放到一個沒有導航的VC中時：

UITextView *textView = [[UITextView alloc] init];
textView.frame = CGRectMake(10, 200, 300, 120);
textView.backgroundColor = [UIColor redColor];
textView.text = @"遊戲分兩種,一種是在生活中玩的,另外一種是生活在其中的。這兩個世界相互矛盾,而兩位約翰就分別屬於這不一樣的世界。";
textView.font = [UIFont boldSystemFontOfSize:40];
textView.editable = NO;
[self.view addSubview:textView]

效果是這樣的，看起來並無什麼問題

然而若是咱們把這個VC放到一個導航控制器中，一樣的代碼倒是這樣結果

首先，看起來UITextView距離設備頂部的絕對距離彷佛並無變化，可是請注意UITextView的滾動條，滾動條居然沒有頂部對齊，並且文字也向下移位了，看起來空出一大塊。仔細看空出的這段高度其實恰好是導航欄的高度64個點！！通過搜索，我發現只要設置以下代碼便可恢復這種異常的情況：

self.automaticallyAdjustsScrollViewInsets = NO;

這下明白了，原來VC會對其內部的UIScrollView的內容部分進行一個Inset，這個Inset在上半部分恰好就對應導航欄的高度，而UIScrollView包括UITableView和UITextView等。到這裏，彷佛有些問題明朗了：

1. VC中的view默認會對UIScrollView作一個適應導航欄的處理，由此推測，其實只要是VC中的控件，都是從設備左上角的(0,0)開始算的，只是對於UIScrollView，VC會自動調整一下內容的位置而已。

2. 在有導航的狀況下，可視範圍的Y座標就是從64開始的，除了UIScrollView的控件，定位的時候，都應當以(0,64)爲原點；而UIScrollView若是是全屏的，那麼無所謂，若是不是全屏的，請注意是否須要設置VC的automaticallyAdjustsScrollViewInsets。

參考資料

• 定製iOS 7中的導航欄和狀態欄

• iOS Programming 101: How to Customize Navigation Bar and Back Button

• How to change Status Bar text color in iOS 7

• preferredStatusBarStyle isn't called

• Blank space at top of UITextView in iOS 7