溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

iOS中怎么實現(xiàn)導(dǎo)航欄控制

發(fā)布時間:2021-06-16 14:24:23 來源:億速云 閱讀:234 作者:Leah 欄目:移動開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)iOS中怎么實現(xiàn)導(dǎo)航欄控制,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

1.導(dǎo)航欄的顯示與隱藏

導(dǎo)航欄的顯示與隱藏,分兩種情況:

1.從不顯示導(dǎo)航欄的頁面push到顯示導(dǎo)航欄的頁面。

2.從顯示導(dǎo)航欄的頁面Push到不顯示導(dǎo)航欄的頁面。

注意:

1.如果導(dǎo)航欄不顯示時,系統(tǒng)的側(cè)滑返回功能無效。

2.雖然側(cè)滑返回功能無效,但是導(dǎo)航欄的 .interactivePopGestureRecognizer.delegate還是存在的。

針對以上兩種情況分別處理,整個Push過程都假設(shè)是從A頁面跳轉(zhuǎn)到B頁面

1.1 從不顯示導(dǎo)航欄的頁面Push到顯示導(dǎo)航欄的頁面。

關(guān)于導(dǎo)航欄的顯示,是否順滑,是通過如下兩個方法來控制。

// 不顯示動畫,導(dǎo)航欄顯示就比較突兀
[self.navigationController setNavigationBarHidden:YES];

// 顯示動畫,在側(cè)滑時,導(dǎo)航欄顯示就比較順滑
[self.navigationController setNavigationBarHidden:YES animated:YES];

所以,做法是:

A頁面:

- (void)viewWillAppear:(BOOL)animated
{
 [super viewWillAppear:animated];
 
 [self.navigationController setNavigationBarHidden:YES animated:YES];
}

B頁面:

- (void)viewWillAppear:(BOOL)animated
{
 [super viewWillAppear:animated];
 
 [self.navigationController setNavigationBarHidden:NO animated:YES];
}

1.2 從顯示導(dǎo)航欄的頁面跳轉(zhuǎn)到不顯示導(dǎo)航欄的頁面

這種情況的做法如下:

A頁面:

- (void)viewWillAppear:(BOOL)animated
{
 [super viewWillAppear:animated];
 [self.navigationController setNavigationBarHidden:NO animated:YES];
}

B頁面:

// 在頁面將要出現(xiàn)時,記錄原始側(cè)滑手勢代理對象,并將手勢代理設(shè)置為當(dāng)前頁面
- (void)viewWillAppear:(BOOL)animated
{
 [super viewWillAppear:animated];
 
 self.interactivePopDelegate = self.navigationController.interactivePopGestureRecognizer.delegate;
 self.navigationController.interactivePopGestureRecognizer.delegate = self;
 
 [self.navigationController setNavigationBarHidden:YES animated:YES];
}

// 在頁面消失時,還原側(cè)滑手勢代理對象
- (void)viewDidDisappear:(BOOL)animated
{
 [super viewDidDisappear:animated];
 
 self.navigationController.interactivePopGestureRecognizer.delegate = self.interactivePopDelegate;
 self.interactivePopDelegate = nil;
}

// 實現(xiàn)手勢代理,為了防止影響其他手勢,可以判斷一下手勢類型
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer
{
 if ([gestureRecognizer isKindOfClass:[UIScreenEdgePanGestureRecognizer class]]) {
 return YES;
 }
 ...... 其他手勢的處理
 
 
 return NO;
}

2.統(tǒng)一重寫導(dǎo)航欄返回按鈕

有時候,我們可能需要統(tǒng)一工程中的返回按鈕樣式,比如都是 箭頭+返回 或者都是 箭頭。

方案有兩種:

1.創(chuàng)建一個BaseViewController,然后統(tǒng)一設(shè)置navigationItem.leftBarButtonItem。

2.重寫導(dǎo)航控制器的Push方法,在push之前,設(shè)置navigationItem.backBarButtonItem。

注意:

如果重寫了導(dǎo)航欄的leftBarButtonItem,那么側(cè)滑返回功能也就失效了,需要側(cè)滑返回功能需要自己處理。

第一種方案比較簡單就不做贅述了,第二種方案是這樣的:

自定義導(dǎo)航控制器,然后重寫如下方法:

- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
 UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStyleDone target:nil action:nil];
 viewController.navigationItem.backBarButtonItem = backItem;
 
 [super pushViewController:viewController animated:animated];
}

如果不需要返回這兩個字,只需要這樣寫就好。

- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
 UIBarButtonItem *backItem = [[UIBarButtonItem alloc] initWithTitle:nil style:UIBarButtonItemStyleDone target:nil action:nil];
 viewController.navigationItem.backBarButtonItem = backItem;
 
 [super pushViewController:viewController animated:animated];
}

3.監(jiān)聽返回按鈕的點擊事件

在有些場景,我們需要監(jiān)聽返回按鈕的事件。比如,當(dāng)頁面用戶輸入了一些內(nèi)容后,用戶要點擊返回,想要回到上一個頁面時,提醒用戶是否要緩存已經(jīng)輸入的內(nèi)容。

如果我們重寫了導(dǎo)航欄的返回按鈕,那么處理這種情況就很Easy,不做贅述了。

但是,如果我們沒有重寫過系統(tǒng)的返回按鈕,想要處理這種情況就比較麻煩,但是也是可以處理的。

處理步驟如下:

1.首先創(chuàng)建一個UIViewController的類別,頭文件(.h)的內(nèi)容如下:

@protocol BackItemProtocol <NSObject>

- (BOOL)navigationShouldPopWhenBackButtonClick;

@end

@interface UIViewController (BackItem)<BackItemProtocol>

@end

@interface UINavigationController (BackItem)

@end

包含一個協(xié)議、UIViewController的類別、UINavigationController的類別。

然后,實現(xiàn)文件(.m)如下:

#import "UIViewController+BackItem.h"

@implementation UIViewController (BackItem)

- (BOOL)navigationShouldPopWhenBackButtonClick
{
 return YES;
}

@end


@implementation UINavigationController (BackItem)

// 這個其實是導(dǎo)航欄的協(xié)議方法,在這里重寫了
- (BOOL)navigationBar:(UINavigationBar *)navigationBar shouldPopItem:(UINavigationItem *)item
{
 if([self.viewControllers count] < [navigationBar.items count]) {
 return YES;
 }
 
 BOOL shouldPop = YES;
 UIViewController *vc = [self topViewController];
 if([vc respondsToSelector:@selector(navigationShouldPopWhenBackButtonClick)]) {
 shouldPop = [vc navigationShouldPopWhenBackButtonClick];
 }
 
 if (shouldPop) {
 dispatch_async(dispatch_get_main_queue(), ^{
 [self popViewControllerAnimated:YES];
 });
 } else {
 for(UIView *subview in [navigationBar subviews]) {
 if(subview.alpha < 1) {
 [UIView animateWithDuration:.25 animations:^{
  subview.alpha = 1;
 }];
 }
 }
 }
 return NO;
}

@end

默認(rèn)是,不需要處理返回按鈕的事件,直接使用系統(tǒng)的pop方法。

但是,如果我們需要在用戶點擊返回按鈕時,彈窗提示,那就需要導(dǎo)入這個類別。

然后,重寫一個方法:

- (BOOL)navigationShouldPopWhenBackButtonClick
{
 BOOL isFlag = 輸入框不為空等等條件
 if (isFlag) {
 UIAlertController *alertVC = [UIAlertController alertControllerWithTitle:nil message:@"是否保存修改" preferredStyle:UIAlertControllerStyleAlert];
 UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
 // 這里延時執(zhí)行是因為UIAlertController阻塞UI,可能會導(dǎo)致動畫的不流暢
 dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
 [self.navigationController popViewControllerAnimated:YES];
 });
 }];
 UIAlertAction *saveAction = [UIAlertAction actionWithTitle:@"保存" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
 // 這里延時執(zhí)行是因為UIAlertController阻塞UI,可能會導(dǎo)致動畫的不流暢
 dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
 [self rightClick];
 });
 }];
 [alertVC addAction:cancelAction];
 [alertVC addAction:saveAction];
 [self presentViewController:alertVC animated:YES completion:nil];
 return NO;
 }
 
 return YES;
}

4.導(dǎo)航控制器的頁面跳轉(zhuǎn)方式

安卓中的頁面跳轉(zhuǎn)有四種方式: standard、singleTop、singleTask、singleInstance。

例如singleTask,在做IM類App,跳轉(zhuǎn)到聊天室的場景,就非常有用,可以保證控制器棧中只有一個聊天室,避免返回時層級太深。

iOS端如果要仿這個效果的話,可以利用導(dǎo)航控制器的API:

- (void)setViewControllers:(NSArray<UIViewController *> *)viewControllers animated:(BOOL)animated

首先,為UINavigationController 創(chuàng)建一個類別。

比如:

UINavigationController+HLPushAndPop.h
UINavigationController+HLPushAndPop.m

然后,新增幾個方法:

拿兩個方法來舉例

- (void)hl_pushSingleViewController:(UIViewController *)viewController
  animated:(BOOL)animated;

- (void)hl_pushSingleViewController:(UIViewController *)viewController
  parentClass:(Class)parentClass
  animated:(BOOL)animated;

再然后,實現(xiàn)方法:

實現(xiàn)步驟:

  1. 創(chuàng)建新的數(shù)組復(fù)制導(dǎo)航控制器原來的堆棧中的控制器。

  2. 在原始堆棧數(shù)組中判斷是否存在該類型的控制器,如果存在記錄其索引。

  3. 在復(fù)制的數(shù)組中將索引及上方所有控制器移除。

  4. 把將要push出來的控制器添加到復(fù)制的數(shù)組中。

  5. 將新的控制器數(shù)組設(shè)置為導(dǎo)航控制器的棧數(shù)組,根據(jù)參數(shù)判斷是否要顯示動畫。

我這邊做了一些發(fā)散,因為一些類可能會有很多子類,那么想要保證父類以及子類的實例都只有一個,所以將方法做了改進(jìn)。

- (void)hl_pushSingleViewController:(UIViewController *)viewController
  animated:(BOOL)animated
{
 [self hl_pushSingleViewController:viewController parentClass:viewController.class animated:animated];
}

- (void)hl_pushSingleViewController:(UIViewController *)viewController
  parentClass:(Class)parentClass
  animated:(BOOL)animated
{
 if (!viewController) {
 return;
 }
 // 如果要push的界面不是 parentClass以及其子類的實例,則按照方法1處理
 if (![viewController isKindOfClass:parentClass]) {
 [self hl_pushSingleViewController:viewController animated:animated];
 return;
 }
 
 // 判斷 導(dǎo)航控制器堆棧中是否有parentClass以及其子類的實例
 NSArray *childViewControllers = self.childViewControllers;
 NSMutableArray *newChildVCs = [[NSMutableArray alloc] initWithArray:childViewControllers];
 BOOL isExit = NO;
 NSInteger index = 0;
 for (int i = 0; i < childViewControllers.count; i++) {
 UIViewController *vc = childViewControllers[i];
 if ([vc isKindOfClass:parentClass]) {
 isExit = YES;
 index = i;
 break;
 }
 }
 
 // 如果不存在,則直接push
 if (!isExit) {
 [self pushViewController:viewController animated:animated];
 return;
 }
 
 // 如果存在,則將該實例及上面的所有界面全部彈出棧,然后將要push的界面放到棧頂。
 for (NSInteger i = childViewControllers.count - 1; i >= index; i--) {
 [newChildVCs removeObjectAtIndex:i];
 }
 
 [newChildVCs addObject:viewController];
 viewController.hidesBottomBarWhenPushed = (newChildVCs.count > 1);
 [self setViewControllers:newChildVCs animated:animated];
}

關(guān)于iOS中怎么實現(xiàn)導(dǎo)航欄控制就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

ios
AI