iOS中如何使用導(dǎo)航欄，針對(duì)這個(gè)問題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡單易行的方法。

成都創(chuàng)新互聯(lián)公司長期為1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為清豐企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、成都做網(wǎng)站，清豐網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

一、設(shè)置導(dǎo)航欄樣式

設(shè)置導(dǎo)航欄的樣式可分為全局設(shè)置與局部設(shè)置；

1.全局設(shè)置

全局設(shè)置一般的都是在AppDelegate中設(shè)置，這樣整個(gè)app都會(huì)生效，相關(guān)的代碼與效果圖如下：

//1.設(shè)置導(dǎo)航欄背景顏色
[[UINavigationBar appearance] setBarTintColor:[UIColor orangeColor]];
 
//2.設(shè)置導(dǎo)航欄背景圖片
[[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"navigationBarImg"] forBarMetrics:UIBarMetricsDefault];
 
//3.設(shè)置導(dǎo)航欄標(biāo)題樣式
[[UINavigationBar appearance] setTitleTextAttributes: [NSDictionary dictionaryWithObjectsAndKeys:
 [UIColor purpleColor], NSForegroundColorAttributeName,
 [UIFont boldSystemFontOfSize:25], NSFontAttributeName, nil]];
 
//4.設(shè)置導(dǎo)航欄返回按鈕的顏色
[[UINavigationBar appearance] setTintColor:[UIColor greenColor]];

//5.設(shè)置導(dǎo)航欄隱藏
[[UINavigationBar appearance] setHidden:YES];

設(shè)置導(dǎo)航欄樣式效果圖

2.局部設(shè)置：

全局設(shè)置后，如果只有其中幾個(gè)頁面導(dǎo)航欄樣式不同，那么我們可以使用局部設(shè)置。

注意1：局部設(shè)置與全局設(shè)置方法相同，但調(diào)用方法的對(duì)象變成了"self.navigationController.navigationBar"

注意2：局部設(shè)置必須遵循一個(gè)原則："進(jìn)入頁面時(shí)修改，離開頁面時(shí)還原”。

比如我們進(jìn)入一個(gè)頁面，需要設(shè)置當(dāng)前導(dǎo)航欄的背景色為灰色，使用如下方法：

//進(jìn)入頁面時(shí)設(shè)置顏色：灰色
- (void)viewWillAppear:(BOOL)animated{
 [super viewWillAppear:animated];
 [self.navigationController.navigationBar setBarTintColor:[UIColor grayColor]];
}

//離開頁面時(shí)還原為全局設(shè)置：橙色
- (void)viewWillDisappear:(BOOL)animated{
 [super viewWillDisappear:animated];
 [self.navigationController.navigationBar setBarTintColor:[UIColor orangeColor]];
}

二、解決自定義導(dǎo)航欄返回按鈕后側(cè)滑不可用問題

iOS導(dǎo)航欄自帶的返回按鈕形式單一，所以大多情況下，我們都需要自定義導(dǎo)航欄返回按鈕。但是此時(shí)我們卻發(fā)現(xiàn)頁面的側(cè)滑返回功能不可用了。為了解決這個(gè)問題，我們需要在App中使用我們自定義的導(dǎo)航控制控制器，示例代碼如下：

#import “BaseNavigationController.h"
//第一步：設(shè)置自定義導(dǎo)航控制器使用UIGestureRecognizerDelegate
@interface BaseNavigationController ()<UIGestureRecognizerDelegate>
@end

@implementation BaseNavigationController
- (void)viewDidLoad {
 [super viewDidLoad];
 //第二步：設(shè)置自定義導(dǎo)航控制器的側(cè)滑手勢的代理
 self.interactivePopGestureRecognizer.delegate = self;
}
 

//第三步：實(shí)現(xiàn)代理方法
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer{
 if (self.childViewControllers.count == 1) {
 // 表示用戶在根控制器界面，就不需要觸發(fā)滑動(dòng)手勢，
 return NO;
 }
 return YES;
}
@end

三、隱藏導(dǎo)航欄底部的分割線

隱藏導(dǎo)航底部分割線也是我們偶爾會(huì)遇到的開發(fā)需求，首先我們可以通過Xcode的Debug View Hierarchy功能查看導(dǎo)航欄的視圖結(jié)構(gòu)，效果如下：

導(dǎo)航欄視圖層級(jí)圖

從圖中可以看出，導(dǎo)航欄的底部分割線是一個(gè)UIImageView對(duì)象，而且高度只有0.5，所以我們可以據(jù)此獲取到導(dǎo)航欄的底部分割線對(duì)象，在一個(gè)視圖控制器中實(shí)現(xiàn)此需求，代碼如下：

#import "TestViewController.h"
@interface TestViewController ()
//第一步：設(shè)置一個(gè)屬性，存放導(dǎo)航欄底部分割線對(duì)象
@property (nonatomic, strong) UIImageView *navBarBottomImage;
@end

@implementation TestViewController
- (void)viewDidLoad {
 [super viewDidLoad];
 ////第三步：獲取導(dǎo)航欄底部分割線對(duì)象
 UIImageView *navBarBottomImage = [self findNavBarBottomImage:self.navigationController.navigationBar];
 self.navBarBottomImage = navBarBottomImage;
 }

//第四步：設(shè)置分割線的顯示或隱藏
//進(jìn)入頁面隱藏分割線
- (void)viewWillAppear:(BOOL)animated{
 [super viewWillAppear:animated];
 self.navBarBottomImage.hidden = YES;
}
//離開頁面時(shí)顯示分割線
-(void)viewWillDisappear:(BOOL)animated{
 [super viewWillDisappear:animated];
 self.navBarBottomImage.hidden = NO;
}

//第二步：添加用于獲取導(dǎo)航欄分割線的方法
//導(dǎo)航欄底部分割線是一個(gè)UIImageView,且高度不超過1.0個(gè)高度，可據(jù)此查找此對(duì)象
-(UIImageView *)findNavBarBottomImage:(UIView *)view {
 if ([view isKindOfClass:UIImageView.class] && view.bounds.size.height <= 1.0) {
 return (UIImageView *)view;
 }
 for (UIView *subview in view.subviews) {
 UIImageView *imageView = [self findNavBarBottomImage:subview];
 if (imageView) {
 return imageView;
 }
 }
 return nil;
}

四、導(dǎo)航欄引起的布局問題

1.內(nèi)容偏移屬性：automaticallyAdjustsScrollViewInsets

automaticallyAdjustsScrollViewInsets是視圖控制器的一個(gè)屬性，默認(rèn)為YES，用于優(yōu)化滑動(dòng)類視圖(繼承于UIScrollView的視圖)在視圖控制里的顯示：

iOS系統(tǒng)的導(dǎo)航欄UINavigationBar與標(biāo)簽欄UITabBar默認(rèn)都是半透明模糊效果，在這種情況下系統(tǒng)會(huì)對(duì)視圖控制器的UI布局進(jìn)行優(yōu)化：視圖控制器里面第一個(gè)被添加進(jìn)去的視圖是滑動(dòng)類視圖，并且其Frame是整個(gè)屏幕大小時(shí)，系統(tǒng)會(huì)自動(dòng)調(diào)整其contenInset，以保證滑動(dòng)視圖里的內(nèi)容不被UINavigationBar與UITabBar遮擋。

但是對(duì)于普通的視圖，此時(shí)我們?nèi)匀恍枰⒁猓悍腔瑒?dòng)視圖的布局仍然要考慮導(dǎo)航欄和標(biāo)簽欄高度，注意不被遮擋，比如布局的時(shí)候加上導(dǎo)航欄高度，以免內(nèi)容被導(dǎo)航欄遮擋。

我們可以通過一段代碼來測試一下效果，在默認(rèn)導(dǎo)航欄(半透明)的視圖控制器里添加如下代碼：

//UITextView是滑動(dòng)視圖，內(nèi)容自動(dòng)向下偏移，不會(huì)被導(dǎo)航欄覆蓋
UITextView *leftTextView = [[UITextView alloc] init];
leftTextView.frame = CGRectMake(0, 0,100, kDeviceHeight); //
leftTextView.backgroundColor = [UIColor lightGrayColor];
leftTextView.text = @"君不見，黃河之水天上來，奔流到海不復(fù)回。君不見，高堂明鏡悲白發(fā)，朝如青絲暮成雪。人生得意須盡歡，莫使金樽空對(duì)月。天生我材必有用，千金散盡還復(fù)來。";
leftTextView.font = [UIFont systemFontOfSize:18];
leftTextView.editable = NO;
[self.view addSubview:leftTextView];
 
//UIView是非滑動(dòng)視圖，內(nèi)容被導(dǎo)航欄部分覆蓋
UIView *rightView= [[UIView alloc] initWithFrame:CGRectMake(150, 0, 100, 100)];
rightView.backgroundColor = [UIColor redColor];
[self.view addSubview:rightView];

導(dǎo)航欄透明情況下，滑動(dòng)視圖自動(dòng)偏移，普通視圖被遮擋

其實(shí)，這種系統(tǒng)的優(yōu)化也是可以控制關(guān)閉的，關(guān)閉優(yōu)化之后，滑動(dòng)視圖就會(huì)和普通視圖一樣，如果還設(shè)置其布局的原點(diǎn)是(0,0),其內(nèi)容就會(huì)被導(dǎo)航欄所覆蓋，關(guān)鍵代碼如下：

//automaticallyAdjustsScrollViewInsets在11.0后失效，所以需要判斷
if (@available(iOS 11.0,*)) {
 scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentNever;
}else{
 //automaticallyAdjustsScrollViewIn，關(guān)閉自動(dòng)偏移的系統(tǒng)優(yōu)化
 self.automaticallyAdjustsScrollViewInsets = NO;
}

2.邊緣延伸屬性：edgesForExtendedLayout

edgesForExtendedLayout也是視圖控制器的布局屬性，默認(rèn)值是UIRectEdgeAll，即：當(dāng)前視圖控制器里各種UI控件會(huì)忽略導(dǎo)航欄和標(biāo)簽的存在，布局時(shí)若設(shè)置其原點(diǎn)設(shè)置為(0,0)，視圖會(huì)延伸顯示到導(dǎo)航欄的下面被覆蓋。

所以我們可以設(shè)置self.edgesForExtendedLayout=UIRectEdgeNone，此時(shí)視圖控制器里內(nèi)容就會(huì)避開導(dǎo)航欄和標(biāo)簽欄了，依然是上面的leftTextView和rightView，設(shè)置了UIRectEdgeNone之后的效果圖如下：

self.edgesForExtendedLayout=UIRectEdgeNone

3.導(dǎo)航欄透明屬性translucent

上述兩種屬性都是在解決導(dǎo)航欄半透明情況下的布局問題，但是如果我們的需求就是導(dǎo)航欄不透明，那么視圖控制器里的控件就會(huì)默認(rèn)從(0,64)開始布局了，設(shè)置導(dǎo)航欄不透明的方法如下:

self.navigationController.navigationBar.translucent= NO;

關(guān)于iOS中如何使用導(dǎo)航欄問題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.rwnh.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：iOS中如何使用導(dǎo)航欄-創(chuàng)新互聯(lián)
新聞來源：http://www.rwnh.cn/article6/dcdcog.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站收錄、網(wǎng)站維護(hù)、靜態(tài)網(wǎng)站、App設(shè)計(jì)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)