iOS导航栏控制的一些总结

iOS导航栏控制的一些总结,第1张

概述iOS导航栏控制的一些总结 前言 许久不写UI,对UI的很多东西都生疏了,最近使用导航栏的各种场景做一些总结. 1.导航栏的显示与隐藏 导航栏的显示与隐藏,分两种情况: 1.从不显示导航栏的页面push到显示导航栏的页面. 2.从显示导航栏的页面Push到不显示导航栏的页面. 注意: 1.如果导航栏不显示时,系统的侧滑返回功能无效. 2.虽然侧滑返回功能无效,但是导航栏的 .interactivePopGestureRecognizer.delegate还是存在的. 针对以上两种情况分别处理,整个Push过程都假设是从A页

前言

许久不写UI,对UI的很多东西都生疏了,最近使用导航栏的各种场景做一些总结。

1.导航栏的显示与隐藏

导航栏的显示与隐藏,分两种情况:

1.从不显示导航栏的页面push到显示导航栏的页面。

2.从显示导航栏的页面Push到不显示导航栏的页面。

注意:

1.如果导航栏不显示时,系统的侧滑返回功能无效。

2.虽然侧滑返回功能无效,但是导航栏的 .interactivePopGestureRecognizer.delegate还是存在的。

针对以上两种情况分别处理,整个Push过程都假设是从A页面跳转到B页面

1.1 从不显示导航栏的页面Push到显示导航栏的页面。

关于导航栏的显示,是否顺滑,是通过如下两个方法来控制

// 不显示动画,导航栏显示就比较突兀[self.navigationController setNavigationbarHIDden:YES];// 显示动画,在侧滑时,导航栏显示就比较顺滑[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 从显示导航栏的页面跳转到不显示导航栏的页面

这种情况的做法如下:

A页面:

- (voID)vIEwWillAppear:(BOol)animated{ [super vIEwWillAppear:animated]; [self.navigationController setNavigationbarHIDden:NO animated:YES];}

B页面:

// 在页面将要出现时,记录原始侧滑手势代理对象,并将手势代理设置为当前页面- (voID)vIEwWillAppear:(BOol)animated{ [super vIEwWillAppear:animated]; self.interactivePopDelegate = self.navigationController.interactivePopGestureRecognizer.delegate; self.navigationController.interactivePopGestureRecognizer.delegate = self; [self.navigationController setNavigationbarHIDden:YES animated:YES];}// 在页面消失时,还原侧滑手势代理对象- (voID)vIEwDIDdisappear:(BOol)animated{ [super vIEwDIDdisappear:animated]; self.navigationController.interactivePopGestureRecognizer.delegate = self.interactivePopDelegate; self.interactivePopDelegate = nil;}// 实现手势代理,为了防止影响其他手势,可以判断一下手势类型- (BOol)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer{ if ([gestureRecognizer isKindOfClass:[UIScreenEdgePanGestureRecognizer class]]) { return YES; } ...... 其他手势的处理 return NO;}

2.统一重写导航栏返回按钮

有时候,我们可能需要统一工程中的返回按钮样式,比如都是 箭头+返回 或者都是 箭头。

方案有两种:

1.创建一个BaseVIEwController,然后统一设置navigationItem.leftbarbuttonItem

2.重写导航控制器的Push方法,在push之前,设置navigationItem.backbarbuttonItem

注意:

如果重写了导航栏的leftbarbuttonItem,那么侧滑返回功能也就失效了,需要侧滑返回功能需要自己处理。

第一种方案比较简单就不做赘述了,第二种方案是这样的:

自定义导航控制器,然后重写如下方法:

- (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.监听返回按钮的点击事件

在有些场景,我们需要监听返回按钮的事件。比如,当页面用户输入了一些内容后,用户要点击返回,想要回到上一个页面时,提醒用户是否要缓存已经输入的内容。

如果我们重写了导航栏的返回按钮,那么处理这种情况就很Easy,不做赘述了。

但是,如果我们没有重写过系统的返回按钮,想要处理这种情况就比较麻烦,但是也是可以处理的。

处理步骤如下:

1.首先创建一个UIVIEwController的类别,头文件(.h)的内容如下:

@protocol BackItemProtocol <NSObject>- (BOol)navigationShouldPopWhenBackbuttonClick;@end@interface UIVIEwController (BackItem)<BackItemProtocol>@end@interface UINavigationController (BackItem)@end

包含一个协议、UIVIEwController的类别、UINavigationController的类别。

然后,实现文件(.m)如下:

#import "UIVIEwController+BackItem.h"@implementation UIVIEwController (BackItem)- (BOol)navigationShouldPopWhenBackbuttonClick{ return YES;}@end@implementation UINavigationController (BackItem)// 这个其实是导航栏的协议方法,在这里重写了- (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

默认是,不需要处理返回按钮的事件,直接使用系统的pop方法。

但是,如果我们需要在用户点击返回按钮时,d窗提示,那就需要导入这个类别。

然后,重写一个方法:

- (BOol)navigationShouldPopWhenBackbuttonClick{ BOol isFlag = 输入框不为空等等条件 if (isFlag) { UIAlertController *alertVC = [UIAlertController alertControllerWithTitle:nil message:@"是否保存修改" preferredStyle:UIAlertControllerStyleAlert]; UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) { // 这里延时执行是因为UIAlertController阻塞UI,可能会导致动画的不流畅 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) { // 这里延时执行是因为UIAlertController阻塞UI,可能会导致动画的不流畅 dispatch_after(dispatch_time(disPATCH_TIME_Now,^{ [self rightClick]; }); }]; [alertVC addAction:cancelAction]; [alertVC addAction:saveAction]; [self presentVIEwController:alertVC animated:YES completion:nil]; return NO; } return YES;}

4.导航控制器的页面跳转方式

安卓中的页面跳转有四种方式: standard、singletop、singleTask、singleInstance。

例如singleTask,在做IM类App,跳转到聊天室的场景,就非常有用,可以保证控制器栈中只有一个聊天室,避免返回时层级太深。

iOS端如果要仿这个效果的话,可以利用导航控制器的API:

- (voID)setVIEwControllers:(NSArray<UIVIEwController *> *)vIEwControllers animated:(BOol)animated

首先,为UINavigationController 创建一个类别。

比如:

UINavigationController+HLPushAndPop.hUINavigationController+HLPushAndPop.m

然后,新增几个方法:

拿两个方法来举例

- (voID)hl_pushSingleVIEwController:(UIVIEwController *)vIEwController  animated:(BOol)animated;- (voID)hl_pushSingleVIEwController:(UIVIEwController *)vIEwController  parentClass:(Class)parentClass  animated:(BOol)animated;

再然后,实现方法:

实现步骤:

创建新的数组复制导航控制器原来的堆栈中的控制器。在原始堆栈数组中判断是否存在该类型的控制器,如果存在记录其索引。在复制的数组中将索引及上方所有控制器移除。把将要push出来的控制器添加到复制的数组中。将新的控制器数组设置为导航控制器的栈数组,根据参数判断是否要显示动画。

我这边做了一些发散,因为一些类可能会有很多子类,那么想要保证父类以及子类的实例都只有一个,所以将方法做了改进。

- (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; } // 判断 导航控制器堆栈中是否有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; } // 如果存在,则将该实例及上面的所有界面全部d出栈,然后将要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];}

当然了,除了上面这些场景,还可以扩展出一些其他的场景,比如我们期望将要push出来的控制器再某个栈中控制器的后面或者前面,这样当点击返回或者侧滑时,就直接回到了指定页面了。

或者我们知道将要返回的页面的类型,直接pop回指定页面。

扩展出来的其他方法都在Demo中了,有兴趣的可以看一下。

地址是:HLProject (本地下载)

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持。

总结

以上是内存溢出为你收集整理的iOS导航栏控制的一些总结全部内容,希望文章能够帮你解决iOS导航栏控制的一些总结所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1109864.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存