IOS状态栏和导航栏的控制问题
IOS的項目多數(shù)會遇到控制狀態(tài)欄和導航欄的問題,比如隱藏狀態(tài)欄、控制狀態(tài)欄的文字顏色等,導航欄也有同樣需求。本文總結(jié)一下操作方法。
首先一點,IOS的界面分為狀態(tài)欄和導航欄,狀態(tài)欄是指顯示電池、時間的最頂部的一個窄條,高度為20個點;而導航欄是緊接著狀態(tài)欄的44個點高度的橫條,一般用于顯示app標題,返回按鈕等操作按鈕。
在ios7之前,狀態(tài)欄和導航欄是分開的,而從ios7開始狀態(tài)欄和導航欄交織在一起了,狀態(tài)欄變?yōu)橥该?#xff0c;導航欄的高度變?yōu)?4+20=64:
狀態(tài)欄控制
對狀態(tài)欄的控制分兩種情況:全局設(shè)置和分頁面設(shè)置??刂七@兩種模式的開關(guān)是info.plist文件的View controller-based status bar appearance配置項。
全局設(shè)置狀態(tài)欄
將info.plist文件的View controller-based status bar appearance設(shè)置為NO,即可開啟全局設(shè)置,也就是說你在VC中對狀態(tài)欄的控制都將無效,相比之下,是通過下面的代碼來全局控制:
//設(shè)置狀態(tài)欄的字體顏色模式 [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; //設(shè)置狀態(tài)欄是否隱藏 [[UIApplication sharedApplication] setStatusBarHidden:YES];注意,我們并不能對狀態(tài)欄的字體顏色做任意的控制,只有兩種選擇UIStatusBarStyleDefault和UIStatusBarStyleLightContent,前者是默認的黑色,而后者是白色。也就是說如果你的背景色是偏深色,那么設(shè)置狀態(tài)欄的字體顏色為白色。另外,我們可以全局設(shè)置狀態(tài)欄是否顯示,但是一般而言app不會對所有界面都不顯示狀態(tài)欄,而是只在特定的頁面需要隱藏狀態(tài)欄,比如對于視頻播放界面不希望顯示狀態(tài)欄。
對于狀態(tài)欄的背景色設(shè)置,上面提到從ios7開始狀態(tài)欄本身實際上是透明的,它的背景色其實取決于導航欄的背景色。下面會講導航欄的設(shè)置。
分頁面設(shè)置狀態(tài)欄
將info.plist文件的View controller-based status bar appearance設(shè)置為YES,即可開啟由VC來控制狀態(tài)欄的功能,在這種模式下,全局的設(shè)置將無效!!所以我們必須逐個頁面對狀態(tài)欄進行設(shè)置,否則狀態(tài)欄將維持默認的黑色字體和默認為顯示狀態(tài)。
字體設(shè)置
對于設(shè)置狀態(tài)欄字體顏色,分兩種情況:VC是否屬于UINavigationController中:
1) 當VC不在UINavigationController中時,在VC中添加一個方法
- (UIStatusBarStyle)preferredStatusBarStyle { //返回白色return UIStatusBarStyleLightContent;//返回黑色//return UIStatusBarStyleDefault; }保險起見,在view的某個加載階段比如viewWillAppear中,執(zhí)行:
[self setNeedsStatusBarAppearanceUpdate];2) 當VC在UINavigationController中時,VC并不能通過1)的方式控制狀態(tài)欄的顏色,詳見本文后面的參考資料,那么這個時候,有一個trick的方法可以在VC中間接的控制:
self.navigationController.navigationBar.barStyle = UIBarStyleBlack;隱藏控制
對于控制狀態(tài)欄的隱藏同樣存在VC是否是根控制器的問題,也就說只有根控制器才能直接控制狀態(tài)欄的顯示與否。
1) 如果是VC本身就是根控制器,那么在VC中添加如下代碼:
- (BOOL)prefersStatusBarHidden {return YES; }當然,保險起見,在適當?shù)臅r候調(diào)用
[self setNeedsStatusBarAppearanceUpdate];2) 如果VC不是根控制器,那么不像控制字體顏色那樣有trick,我們只能間接的通過在子VC中控制根VC,從而間接控制根控制器。那么這個方法就很多了,比如我的根VC是個tab的VC,首先現(xiàn)在tab的VC中,實現(xiàn)1):
@interface YYCTabBarController : RDVTabBarController//定義一個變量來控制狀態(tài)欄顯示,子VC通過修改這個值來間接控制 @property (nonatomic,assign)BOOL statusBarHidden;@end@implementation YYCTabBarController- (BOOL)prefersStatusBarHidden {return _statusBarHidden; }@end在子VC中:
- (void)viewWillAppear:(BOOL)animated{[super viewWillAppear:animated];//rdv_tabBarController指向YYCTabBarControllerif([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中通過設(shè)置根VC的屬性,并調(diào)用setNeedsStatusBarAppearanceUpdate后,根VC的prefersStatusBarHidden就會被調(diào)用,從而隱藏或顯示狀態(tài)欄。
導航欄控制
背景控制
在IOS7中使用barTintColor來控制導航欄的背景色:
[[UINavigationBar appearance] setBarTintColor:[UIColor yellowColor]];
這個設(shè)置方法可以在AppDelegate中設(shè)置,全局可以生效。
如果希望使用圖片來作為導航的背景,那么需要注意的是ios7中圖片的高度問題。上面提到過了,ios7導航欄的高度其實是算上狀態(tài)欄的,即44+20=64個點的高度。可以通過setBackgroundImage來設(shè)置:
[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@ "nav_bg.png" ] forBarMetrics:UIBarMetricsDefault];
前景控制
前景控制分為標題控制和返回按鈕(等系統(tǒng)按鈕)的控制
標題需要通過setTitleTextAttributes來設(shè)置,相對比較復雜一些,例如:
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)按鈕)可以通過TintColor,直接來設(shè)置顏色
[[UINavigationBar appearance] setTintColor:[UIColor whiteColor]];
顯示設(shè)置
有時我們希望導航欄不顯示,而有時又希望顯示,那么最好通過每個個體的VC來控制,如果某個VC需要與其他VC有所區(qū)別,那么最好是“負責到底”,即在進入VC時改變導航欄的顯示狀態(tài),而退出時還原:
- (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上,但會被導航欄遮住,那么你可能會得出結(jié)論原點(0,0)是在屏幕的左上角被導航欄遮住的;而對于像UITableView這樣的,設(shè)置了全屏鋪滿,怎么就沒有被導航欄遮住呢?原點難道不在左上角?
筆者被這個問題困擾了很久,這里談一下最近的一個理解。我們拿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放到一個導航控制器中,同樣的代碼卻是這樣結(jié)果
首先,看起來UITextView距離設(shè)備頂部的絕對距離似乎并沒有變化,但是請注意UITextView的滾動條,滾動條竟然沒有頂部對齊,而且文字也向下移位了,看起來空出一大塊。仔細看空出的這段高度其實剛好是導航欄的高度64個點!!經(jīng)過搜索,我發(fā)現(xiàn)只要設(shè)置如下代碼即可恢復這種異常的狀況:
self.automaticallyAdjustsScrollViewInsets = NO;這下明白了,原來VC會對其內(nèi)部的UIScrollView的內(nèi)容部分進行一個Inset,這個Inset在上半部分剛好就對應導航欄的高度,而UIScrollView包括UITableView和UITextView等。到這里,似乎有些問題明朗了:
參考資料
- 定制iOS 7中的導航欄和狀態(tài)欄
- 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
總結(jié)
以上是生活随笔為你收集整理的IOS状态栏和导航栏的控制问题的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 六年级下计算机课ppt课件ppt课件,六
- 下一篇: 苹果AirTags即将发布,防丢器将迎来