控制器容器之UINavigationController

模块设计

UINavigationController是个容器,里面的UIViewController共用一个UINavigationBar,每个UIViewController都可以定制自己的按钮和标题,于是UINavigationController为每个UIViewController都创建了一个UINavigationItem,用于修改UINavigationBar的内容。

UINavigationController.png

先来看一下类图,从图中可以发现UINavigationController和UIViewController有一组指针(viewControllers和navigationController)指向对方,类似于UIView的subviews和superview指针,具体里面是如何避免循环引用的,这不是本章要讨论的话题。

UINavigationItem

通过UINavigationItem可以修改导航栏的按钮和标题,这里需要区分两个属性

  • backBarButtonItem:返回按钮
  • leftBarButtonItem:设置后会替换掉backBarButtonItem

对于非rootViewController的导航栏,左侧是backIndicatorImage(箭头)+backBarButtonItem, A push B后导航栏中显示A.navigationItem.backBarButtonItem

特性:修改导航栏左侧按钮文字为"返回"

方案一:A push前更新self.navigationItem.backBarButtonItem;
方案二:B创建leftBarButtonItem,覆盖掉backBarButtonItem。

方案二使用leftBarButtonItem有个副作用,它会使系统侧滑手势失效。

self.navigationItem.backBarButtonItem = barItem; //不影响侧滑手势
self.navigationItem.leftBarButtonItem = barItem; //侧滑手势失效

特性:恢复失效的系统侧滑手势

系统实现:通过头文件中的属性interactivePopGestureRecognizer可以猜到系统给navigationController添加手势interactivePopGestureRecognizer,然后触发target执行action。

分析问题:系统侧滑手势失效也就是没有interactivePopGestureRecognizer触发事件。

解决方案:用自定义手势UIPanGestureRecognizer替换系统手势interactivePopGestureRecognizer,可是interactivePopGestureRecognizer含有修饰符readonly,也就是说不能直接换掉,不能直接那就考虑间接方式--新增自定义手势,然后屏蔽掉系统原来的手势(设置enable=NO)。

思路有了,具体实施起来需要解决两个问题
如何获取添加系统手势的view
如何获取手势触发的target和action

第一个问题蛮好解决,直接使用interactivePopGestureRecognizer.view即可;
第二个问题相对复杂一些,这里涉及到iOS的私有类和私有接口,需要通过log+runtime+kvc协同完成。

第一板斧log

(lldb) po interactivePopGestureRecognizer
<UIScreenEdgePanGestureRecognizer: 0x7fea78ec5950; state = Possible; delaysTouchesBegan = YES; view = <UILayoutContainerView 0x7fea78f77960>; target= <(action=handleNavigationTransition:, target=<_UINavigationInteractiveTransition 0x7fea78c1c640>)>

从log中可以获取如下信息

  • class:UIScreenEdgePanGestureRecognizer(继承自UIPanGestureRecognizer)
  • target:_UINavigationInteractiveTransition
  • action:handleNavigationTransition

第二板斧runtime

unsigned int count = 0;
Ivar *var = class_copyIvarList([UIGestureRecognizer class], &count);
for (unsigned int i = 0; i < count; i++) {
     Ivar _var = *(var + i);
     NSLog(@"%s", ivar_getTypeEncoding(_var));
     NSLog(@"%s", ivar_getName(_var));
}

利用runtime遍历它的所有成员变量,发现了变量_targets。由于KVC的查找顺序是key -> property -> ivar,即key(targets) -> property(targets) -> ivar(targets),于是可通过kvc获取targets。

第三板斧kvc

id targets = [self.interactivePopGestureRecognizer valueForKey:@"targets"];
(lldb) po targets
<__NSArrayM 0x7fb068d1bcc0>(
(action=handleNavigationTransition:, target=<_UINavigationInteractiveTransition 0x7fb068d35da0>)
)

说明targets是一个NSMutableArray,其中的元素_UINavigationInteractiveTransition就是targe,handleNavigationTransition就是action。至此就可以给view添加自定义手势(禁用系统手势),自定义手势会触发target执行action。

接口优化

手势处理的方法不属于VC,而是属于NC,于是需要单独的对象来管理XXDelegateHandler;
在category中使用属性统一控制,而不用在各个navigationController和viewController中实现回调接口,使用Method Swizzling。

基本思想可参考仓库:CustomPopAnimation
接口优化可参考仓库:FDFullScreenPopGesture

UINavigationBar

通过UINavigationBar可以修改导航栏的颜色和背景等,修改方式分为两种

  • 单独设置:self.navigationController.navigationBar
  • 全局设置:[UINavigationBar appearance]

特性:隐藏导航条底部的线条

单页面的设置

// 隐藏Bar底部线条
-(void)viewWillAppear:(BOOL)animated
{
    UINavigationBar *navigationBar = self.navigationController.navigationBar; 
    [navigationBar setBackgroundImage:[UIImage new] forBarMetrics:UIBarMetricsDefault];
    [navigationBar setShadowImage:[UIImage new]];
}

// 恢复Bar底部线条
-(void)viewWillDisappear:(BOOL)animated
{
    UINavigationBar *navigationBar = self.navigationController.navigationBar; 
    [navigationBar setBackgroundImage:nil forBarMetrics:UIBarMetricsDefault];
    [navigationBar setShadowImage:nil];
}

全页面的设置

[[UINavigationBar appearance] setBackgroundImage:[[UIImage alloc] init] forBarMetrics:UIBarMetricsDefault];
[[UINavigationBar appearance] setShadowImage:[[UIImage alloc] init]];

特性:动态修改导航条的透明度

解决方案:根据scrollView.contentOffset.y来修改导航条的alpha。

具体实施起来需要解决两个问题
修改导航条的alpha,影响按钮和标题但是不影响箭头
判断scrollView.contentOffset.y的位置

第一个问题:先了解navigationBar的内部实现,通过runtime可获取到navigationBar的成员变量

UIImageView *_backIndicatorView; //私有类_UINavigationBarBackIndicatorView
NSArray *_leftViews;
NSArray *_rightViews;
UIView *_titleView;
  1. 遍历navigationBar.subviews并修改各自的alpha
  2. 设置所有非箭头subview.alpha = alpha
  3. 设置leftViews的subview.alpha = 1
  4. 设置rightViews的subview.alpha = 1
  5. 设置titleView.alpha = 1

第二个问题:在viewController的scrollViewDidScroll:中添加判断

CGFloat offsetY = scrollView.contentOffset.y;
if (offsetY > NAVBAR_CHANGE_POINT) {
    CGFloat alpha = MIN(1, 1 - ((NAVBAR_CHANGE_POINT + 64 - offsetY) / 64));
    [self.navigationController.navigationBar lt_setBackgroundColorAndBackIndicatorView:color alpha:alpha];
} else {
    [self.navigationController.navigationBar lt_setBackgroundColorAndBackIndicatorView:color alpha:0];
}

接口优化

在UINavigationBar (DynamicTransparent)中使用KVO监听scrollView.contentOffset,然后更新alpha

参考资料

轻松学习之二——iOS利用Runtime自定义控制器POP手势动画
一个丝滑的全屏滑动返回手势
FDFullScreenPopGesture源码解析

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 210,914评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 89,935评论 2 383
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,531评论 0 345
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,309评论 1 282
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,381评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,730评论 1 289
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,882评论 3 404
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,643评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,095评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,448评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,566评论 1 339
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,253评论 4 328
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,829评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,715评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,945评论 1 264
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,248评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,440评论 2 348

推荐阅读更多精彩内容