IOS的項(xiàng)目多數(shù)會(huì)遇到控制狀態(tài)欄和導(dǎo)航欄的問(wèn)題，比如隱藏狀態(tài)欄、控制狀態(tài)欄的文字顏色等，導(dǎo)航欄也有同樣需求。本文總結(jié)一下操作方法。
首先一點(diǎn)，IOS的界面分為狀態(tài)欄和導(dǎo)航欄，狀態(tài)欄是指顯示電池、時(shí)間的最頂部的一個(gè)窄條，高度為20個(gè)點(diǎn)；而導(dǎo)航欄是緊接著狀態(tài)欄的44個(gè)點(diǎn)高度的橫條，一般用于顯示app標(biāo)題，返回按鈕等操作按鈕。
在ios7之前，狀態(tài)欄和導(dǎo)航欄是分開(kāi)的，而從ios7開(kāi)始狀態(tài)欄和導(dǎo)航欄交織在一起了，狀態(tài)欄變?yōu)橥该鳎瑢?dǎo)航欄的高度變?yōu)?4+20=64：
狀態(tài)欄控制
對(duì)狀態(tài)欄的控制分兩種情況：全局設(shè)置和分頁(yè)面設(shè)置。控制這兩種模式的開(kāi)關(guān)是info.plist文件的View controller-based status bar appearance配置項(xiàng)。
全局設(shè)置狀態(tài)欄
將info.plist文件的View controller-based status bar appearance設(shè)置為NO，即可開(kāi)啟全局設(shè)置，也就是說(shuō)你在VC中對(duì)狀態(tài)欄的控制都將無(wú)效，相比之下，是通過(guò)下面的代碼來(lái)全局控制：
//設(shè)置狀態(tài)欄的字體顏色模式
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
//設(shè)置狀態(tài)欄是否隱藏
[[UIApplication sharedApplication] setStatusBarHidden:YES];
注意，我們并不能對(duì)狀態(tài)欄的字體顏色做任意的控制，只有兩種選擇UIStatusBarStyleDefault和UIStatusBarStyleLightContent，前者是默認(rèn)的黑色，而后者是白色。也就是說(shuō)如果你的背景色是偏深色，那么設(shè)置狀態(tài)欄的字體顏色為白色。另外，我們可以全局設(shè)置狀態(tài)欄是否顯示，但是一般而言app不會(huì)對(duì)所有界面都不顯示狀態(tài)欄，而是只在特定的頁(yè)面需要隱藏狀態(tài)欄，比如對(duì)于視頻播放界面不希望顯示狀態(tài)欄。
對(duì)于狀態(tài)欄的背景色設(shè)置，上面提到從ios7開(kāi)始狀態(tài)欄本身實(shí)際上是透明的，它的背景色其實(shí)取決于導(dǎo)航欄的背景色。下面會(huì)講導(dǎo)航欄的設(shè)置。
分頁(yè)面設(shè)置狀態(tài)欄
將info.plist文件的View controller-based status bar appearance設(shè)置為YES，即可開(kāi)啟由VC來(lái)控制狀態(tài)欄的功能，在這種模式下，全局的設(shè)置將無(wú)效！！所以我們必須逐個(gè)頁(yè)面對(duì)狀態(tài)欄進(jìn)行設(shè)置，否則狀態(tài)欄將維持默認(rèn)的黑色字體和默認(rèn)為顯示狀態(tài)。
字體設(shè)置
對(duì)于設(shè)置狀態(tài)欄字體顏色，分兩種情況：VC是否屬于UINavigationController中：
1) 當(dāng)VC不在UINavigationController中時(shí)，在VC中添加一個(gè)方法
- (UIStatusBarStyle)preferredStatusBarStyle
{
//返回白色
return UIStatusBarStyleLightContent;
//返回黑色
//return UIStatusBarStyleDefault;
}
保險(xiǎn)起見(jiàn)，在view的某個(gè)加載階段比如viewWillAppear中，執(zhí)行：
[self setNeedsStatusBarAppearanceUpdate];
2) 當(dāng)VC在UINavigationController中時(shí)，VC并不能通過(guò)1)的方式控制狀態(tài)欄的顏色，詳見(jiàn)本文后面的參考資料，那么這個(gè)時(shí)候，有一個(gè)trick的方法可以在VC中間接的控制：
self.navigationController.navigationBar.barStyle = UIBarStyleBlack;
隱藏控制
對(duì)于控制狀態(tài)欄的隱藏同樣存在VC是否是根控制器的問(wèn)題，也就說(shuō)只有根控制器才能直接控制狀態(tài)欄的顯示與否。
1) 如果是VC本身就是根控制器，那么在VC中添加如下代碼：
- (BOOL)prefersStatusBarHidden {
return YES;
}
當(dāng)然，保險(xiǎn)起見(jiàn)，在適當(dāng)?shù)臅r(shí)候調(diào)用
[self setNeedsStatusBarAppearanceUpdate];
2) 如果VC不是根控制器，那么不像控制字體顏色那樣有trick，我們只能間接的通過(guò)在子VC中控制根VC，從而間接控制根控制器。那么這個(gè)方法就很多了，比如我的根VC是個(gè)tab的VC，首先現(xiàn)在tab的VC中，實(shí)現(xiàn)1)：
@interface YYCTabBarController : RDVTabBarController
//定義一個(gè)變量來(lái)控制狀態(tài)欄顯示，子VC通過(guò)修改這個(gè)值來(lái)間接控制
@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:)]){
//注意對(duì)NO的情況，不能傳@NO，只能傳nil才能被當(dāng)成NO
[self.rdv_tabBarController performSelector:@selector(setStatusBarHidden:) withObject:nil];
[self setNeedsStatusBarAppearanceUpdate];
}
}
可以看到在子VC中通過(guò)設(shè)置根VC的屬性，并調(diào)用setNeedsStatusBarAppearanceUpdate后，根VC的prefersStatusBarHidden就會(huì)被調(diào)用，從而隱藏或顯示狀態(tài)欄。
導(dǎo)航欄控制
背景控制
在IOS7中使用barTintColor來(lái)控制導(dǎo)航欄的背景色:
[[UINavigationBar appearance] setBarTintColor:[UIColor yellowColor]];
這個(gè)設(shè)置方法可以在AppDelegate中設(shè)置，全局可以生效。
如果希望使用圖片來(lái)作為導(dǎo)航的背景，那么需要注意的是ios7中圖片的高度問(wèn)題。上面提到過(guò)了，ios7導(dǎo)航欄的高度其實(shí)是算上狀態(tài)欄的，即44+20=64個(gè)點(diǎn)的高度。可以通過(guò)setBackgroundImage來(lái)設(shè)置：
[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@ "nav_bg.png" ] forBarMetrics:UIBarMetricsDefault];
前景控制
前景控制分為標(biāo)題控制和返回按鈕(等系統(tǒng)按鈕)的控制
標(biāo)題需要通過(guò)setTitleTextAttributes來(lái)設(shè)置，相對(duì)比較復(fù)雜一些，例如：
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]];
設(shè)置返回按鈕(等系統(tǒng)按鈕)可以通過(guò)TintColor，直接來(lái)設(shè)置顏色
[[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];
顯示設(shè)置
有時(shí)我們希望導(dǎo)航欄不顯示，而有時(shí)又希望顯示，那么最好通過(guò)每個(gè)個(gè)體的VC來(lái)控制，如果某個(gè)VC需要與其他VC有所區(qū)別，那么最好是“負(fù)責(zé)到底”，即在進(jìn)入VC時(shí)改變導(dǎo)航欄的顯示狀態(tài)，而退出時(shí)還原：
- (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];
}
如何在有導(dǎo)航欄的情況下定位控件的Y
可能初學(xué)ios的同學(xué)(尤其是通過(guò)手寫(xiě)代碼布局的同學(xué))都會(huì)有這么個(gè)感受，為什么我的控件有的時(shí)候明明定位在VC上，但會(huì)被導(dǎo)航欄遮住，那么你可能會(huì)得出結(jié)論原點(diǎn)(0,0)是在屏幕的左上角被導(dǎo)航欄遮住的；而對(duì)于像UITableView這樣的，設(shè)置了全屏鋪滿，怎么就沒(méi)有被導(dǎo)航欄遮住呢？原點(diǎn)難道不在左上角？
筆者被這個(gè)問(wèn)題困擾了很久，這里談一下最近的一個(gè)理解。我們拿UITextView來(lái)看
當(dāng)我們把一個(gè)UITextView放到一個(gè)沒(méi)有導(dǎo)航的VC中時(shí)：
UITextView *textView = [[UITextView alloc] init];
textView.frame = CGRectMake(10, 200, 300, 120);
textView.backgroundColor = [UIColor redColor];
textView.text = @"游戲分兩種,一種是在生活中玩的,另一種是生活在其中的。這兩個(gè)世界相互矛盾,而兩位約翰就分別屬于這不同的世界。";
textView.font = [UIFont boldSystemFontOfSize:40];
textView.editable = NO;
[self.view addSubview:textView]
效果是這樣的，看起來(lái)并沒(méi)有什么問(wèn)題
然而如果我們把這個(gè)VC放到一個(gè)導(dǎo)航控制器中，同樣的代碼卻是這樣結(jié)果
首先，看起來(lái)UITextView距離設(shè)備頂部的絕對(duì)距離似乎并沒(méi)有變化，但是請(qǐng)注意UITextView的滾動(dòng)條，滾動(dòng)條竟然沒(méi)有頂部對(duì)齊，而且文字也向下移位了，看起來(lái)空出一大塊。仔細(xì)看空出的這段高度其實(shí)剛好是導(dǎo)航欄的高度64個(gè)點(diǎn)！！經(jīng)過(guò)搜索，我發(fā)現(xiàn)只要設(shè)置如下代碼即可恢復(fù)這種異常的狀況：
self.automaticallyAdjustsScrollViewInsets = NO;
這下明白了，原來(lái)VC會(huì)對(duì)其內(nèi)部的UIScrollView的內(nèi)容部分進(jìn)行一個(gè)Inset，這個(gè)Inset在上半部分剛好就對(duì)應(yīng)導(dǎo)航欄的高度，而UIScrollView包括UITableView和UITextView等。到這里，似乎有些問(wèn)題明朗了：
VC中的view默認(rèn)會(huì)對(duì)UIScrollView做一個(gè)適應(yīng)導(dǎo)航欄的處理，由此推測(cè)，其實(shí)只要是VC中的控件，都是從設(shè)備左上角的(0,0)開(kāi)始算的，只是對(duì)于UIScrollView，VC會(huì)自動(dòng)調(diào)整一下內(nèi)容的位置而已。
在有導(dǎo)航的情況下，可視范圍的Y坐標(biāo)就是從64開(kāi)始的，除了UIScrollView的控件，定位的時(shí)候，都應(yīng)當(dāng)以(0,64)為原點(diǎn)；而UIScrollView如果是全屏的，那么無(wú)所謂，如果不是全屏的，請(qǐng)注意是否需要設(shè)置VC的automaticallyAdjustsScrollViewInsets。
建議： 對(duì)于設(shè)置控件的高度，相對(duì)于不同的機(jī)型，最好不要寫(xiě)死，而是采用center Y的方式設(shè)置比 例。
