NavigationController已经洗干净了,就等你来

好久没有更新博客了,近日把项目中遇到的NavigationController 相关技术点梳理一下,与大家共同分享

首先来点基础的属性

一. 基本属性

  • 设置颜色
    如果项目中 Navigation 都是统一的,而你又懒得单独抽取一个BaseNavigationController,可以直接在 [appDelegate didFinishLaunchingWithOptions]方法中写
//设置NavigationBar背景颜色
[[UINavigationBar appearance] setBarTintColor:[UIColor redColor]];

// 通过富文本设置title 样式(这里也可以通过自定义Label,然后设置 titleView 来实现)
[[UINavigationBar appearance] setTitleTextAttributes:@{
                    NSForegroundColorAttributeName : [UIColor whiteColor]
                                                           }];

// 设置状态栏格式,如果 NavigationBar 为深色调,就设置为 UIBarStyleBlack,则状态栏显示为白色
[[UINavigationBar appearance] setBarStyle:UIBarStyleBlack];
  • 实现 NavigationBar 透明效果
    实现透明可能大家第一个想到的是 设置 alpha 值,但是由于设置了作为父控件的 NavigationBar 的透明度后,其子控件 BarButtonItem 也会随之改变,因此想要实现导航栏透明,但是 BarButtonItem 正常显示(类似 手机QQ 的好友动态页),可以采用下面的方法
// 设置一个空的图片背景图片,就能实现导航栏透明但是 BarButtonItem 正常显示
[self.navigationController.navigationBar setBackgroundImage:[UIImage new]
                                                forBarMetrics:UIBarMetricsDefault];

然而设置之后乍一看没问题,可仔细一看你会发现NavigationBar下面还有一条细线,这个细线就是shadow


快看那条淡淡的细线!

层级关系图

可通过以下代码来去掉

// 设置一个空的 shadowImage 来实现
self.navigationController.navigationBar.shadowImage = [UIImage new];

那么有同学可能要问了,一直透明的可以通过上述方法来实现,那如果想要随着 上拉距离的改变,实现其透明度动态变化要怎么做?

// 这个就要监听 scrollView 的 offset
// 然后获取到 NavigationBar复合视图 的显示子控件,动态改变其透明度
[[self.navigationController.navigationBar subviews] objectAtIndex:0].alpha = 0;

既然讲到这里了就说下来回 push 或 pop,以及使用手势来返回的时候,上下层级之间 NavigationBar 隐藏与否的设置,因为如果这里没处理好的话,会有一个黑条,或者直接显示下一层级的视图,体验特别差,这时候就需要通过动画的方式的在下一层级进行设置

- (void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    // 当前 VC 需要显示 navigationBar 就设置为 NO,需要隐藏就设置为 YES
    [self.navigationController setNavigationBarHidden:YES animated:YES];
}
  • 侧滑手势相关
    很多时候,leftBarButtonItem需要自定义,因为默认的显示上一层级的title不一定是我们想要的,但是自定义改变之后,会发现侧滑返回的手势不好使了


#warning 这时候就需要在当前 VC 中设置手势代理了
self.interactivePopGestureRecognizer.delegate = self;

// 实现代理方法:返回 YES,则手势有效
- (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
    //当导航控制器的子控制器个数 大于1 手势才有效
    return self.childViewControllers.count > 1;
}
  • 由于项目中同一个 VC,有时候是 modal 出来的,有时候是 push 出来的,那么在这个VC中就要判断进行处理
NSArray *viewcontrollers=self.navigationController.viewControllers;
if (viewcontrollers.count > 1) {
    if ([viewcontrollers objectAtIndex:viewcontrollers.count - 1] == self) {
        // push方式
        [self.navigationController popViewControllerAnimated:YES];
    }
} else {    
    // present方式    
    [self dismissViewControllerAnimated:YES completion:nil];
}
  • 如果要实现如下效果的导航栏,设置 leftBarButtonItems 和 rightBarButtonItems 即可


    喂!焦点在 NavigationBar,老看 tableView 干啥!
  • 关于 rootVC 的 offset,先来看几个 ViewController 的属性


  • iOS7以后默认设置是 UIRectEdgeAll,translucent 的默认值是 true,这个组合会使 rootView 的布局从 (0, 0) 开始,就会造成 rootView 被 NavigationBar 遮挡住一部分,将 edgesForExtendedLayout 设置为 UIRectEdgeNone 即可解决问题

  • automaticallyAdjustsScrollViewInsets 默认值是 YES,表示在全屏下会自动将 第一个添加到 rootVC 的 ScrollView 的 contentInset 设置为 (64, 0, 0, 0),这样 scrollView 就不会被导航栏遮挡住了

二. 来回跳转

项目中有个需求是A push 到 B, B push 到 C, C pop 到 D,D 再 pop到 A,就好比这样:

类似这种交叉跳转的感觉
  • 首先 A push 到 B,直接使用
[self.navigationController pushViewController:B animated:YES];
// 此时 self.navigationController.childViewControllers = [A, B];
  • 然后 B push 到 C,同理
[self.navigationController pushViewController:C animated:YES];
// 此时 self.navigationController.childViewControllers = [A, B, C];
  • 现在要实现 C pop 到 D,由于 navigationController.childViewControllers 是只读的,因此不能直接对其进行操作


    navigationController.childViewControllers 是只读的
// 建立可变拷贝对象,然后进行替换操作
NSMutableArray *navChildMArr = [self.navigationController.childViewControllers mutableCopy];
[navChildMArr replaceObjectAtIndex:1 withObject:D];

// 当然,最后再将替换后的数组赋值回去不要忘了
[self.navigationController setViewControllers:navChildMArr animated:YES];

#warning 至于写上面这串代码的时机:写在 B push C 之后可以,写在 C 的 viewDidLoad() 方法中也可以

最后的效果如图

对,效果如图
就四这么简单!

如果有其他问题,可以在留言处写下来,不定期更新

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

推荐阅读更多精彩内容