专栏首页進无尽的文章UI篇-UINavigationController之易忘补充

UI篇-UINavigationController之易忘补充


对nextVC 进行属性赋值后,执行push跳转,方法的执行顺序:

 A跳转到B 代码顺序执行: B的init 方法;(此方法中  B的navigationController 不存在。) B的属性赋值方法; A中当前方法中Push 操作; A中当前方法的剩余操作; A viewWillDisappear B viewDidLoad B viewWillAppear 导航push 跳转动作 A viewDidDisappear B viewDidAppear

其他知识补充

[UIApplication sharedApplication].statusBarHidden = YES;

上述方法只能实现在程序跳过loading(即启动画面)的时候才能隐藏状态栏。如果想要在启动画面开始即隐藏状态栏,则要修改app的info.plist文件,新增UIStatusBarHidden键(Status bar is initially hidden),其值是YES。

设置导航栏的背景图片

(多见于导航背景颜色是渐变颜色,使用一张图片)但是这张图片设置好以后,所有的控件的Y坐标都会下移64,也就是说,这张图片会占用屏幕的64pt 高度的屏幕,而且无法被普通试图覆盖使用

[self.navigationController.navigationBar setBackgroundImage:[ImageUtilities createImageWithColor:[ColorUtils colorWithHexString:orange_color]] forBarMetrics:UIBarMetricsDefault]; 或者 AppDelegate中   [[UINavigationBar appearance] setBackgroundImage:[UIImage imageNamed:@"navBg"] forBarMetrics:UIBarMetricsDefault];

设置普通的导航栏颜色

在入口类中全局设置就可以达到统一导航栏颜色的效果。

 [[UINavigationBar appearance] setBarTintColor: RGB(3, 14, 30, 1)]; 你会发现你设置的导航颜色是正常的色值,但是就是偏淡,那是因为导航的默认属性是半透明的, [[UINavigationBarappearance]setTranslucent:NO];设为不透明,带来的问题就是导航条占了64 像素  #define NavHeight   0                   导航高度修改为0

上面设置的为YES,下面的为NO

关于导航返回:

    首先ios7 之后只要使用系统自带的导航效果就有手动滑动返回的效果。但是当自定义返回按钮时,这种手动滑动返回的效果就没有了。

一个箭头后面带有文字的返回是使用的ios 自带的backBarButtonItem  ,显示的字体文字是push之前的山层页面的 title  ,如果希望文字是自定义的,需要在push 之前

  self.navigationItem.backBarButtonItem=[[UIBarButtonItem alloc]initWithTitle:@"嘻嘻" style:UIBarButtonItemStyleBordered target:nil action:nil];//不写就是back [UIBarButtonItemalloc]initWithImage//这个图片会替代文字的位置,右边的粗的返回箭头还在 SecondViewController *sec = [[SecondViewController alloc]init]; [self.navigationController pushViewController:sec animated:YES ];

在push 之后的那个VC中可以设置这返回的颜色:

[self.navigationController.navigationBar setTintColor:[UIColor redColor]];//不写默认是蓝色的back

但是这个设置不会影响第二个VC的title 的颜色(默认的一直黑色)。

在BaseViewController的ViewDidLoad中如下设置即可:注意不用在设置

self.navigationItem.leftBarButtonItem =[[UIBarButtonItem alloc] initWithCustomView:leftButton];即可返回

[self.navigationController.navigationBar setTintColor:[UIColor whiteColor]]; UIBarButtonItem *backItem = [[UIBarButtonItem alloc] init]; backItem.title = @"返回"; self.navigationItem.backBarButtonItem = backItem;

若想自定义返回的情况下添加手动返回:在最外层的VC中设置即可。

1  遵循协议:UIGestureRecognizerDelegate

2  self.navigationController.interactivePopGestureRecognizer.delegate = self;

3  重写协议方法:

 -(BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {        if (self.navigationController.viewControllers.count == 1)//关闭主界面的右滑返回 {        return NO; }else{         return YES;    } }

将状态栏隐藏就可实现这样不错的页面效果

PS:  backBarButtonItem的自定义事件是不会被执行的

backItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStylePlain target:self action:@selector(back)];

self.navigationItem.backBarButtonItem = backItem;//back事件不会被调用

self.navigationItem.leftBarButtonItem = backItem;//back事件会被调用

要自定义返回按钮,直接设置backBarButtonItem是不行的

UINavigationController view层级

navigationItem是UIViewController的一个属性,包含了当前页面导航栏上需要显示的全部信息,这个属性是为UINavigationController服务的。

UINavigationItem属于MVC中的M,封装了要显示在UiNavigationBar上的数据,定义了UINavigationItem上按钮的触发事件,外观等

-initWithBarButtonSystemItem:target:action:设置按钮样式及触发事件 -initWithTiltle:style:target:action: 设置标题的触发事件 -initWithImage:style:target:action:设置视图的触发事件 tintColor  设置tintColor可以影响添加在导航条上的系统样式的按钮的颜色  title: 标题  titleView :标题视图  leftBarButtonItem :左按钮  rightBarButtonItem :右按钮  backBarButtonItem  :返回按钮

与UINavigationController相似,UINavigationBar也是以栈的方式管理一组UINavigationItem。提供push和pop操作item.

每个视图控制器都有一个navigationItem属性,navigationItem中设置的做按钮、右按钮、标题等,会随着控制器的显示,也显示到navigationBar上

我们来看一下这些名词是什么意思,彼此之间是什么关系。

UINavigationController是一个viewController UINavigationBar是一个view UINavigationItem是一个NSObject UIBarButtonItem是一个UIBarItem,是一种专门放在bar上的特殊button UIBarItem是一个NSObject,是是各种itme的父类

navigationcontroller直接控制viewcontrollers,然后包含的navigationbar形成整个nv的导航栏。

bar并包含整个navigationItem的栈中的viewcontrollers的navigationitem(NSArray*items属性)。

navigationItem包含了bar视图的全部元素(如title,tileview,backBarButtonItem等),受当前viewcontroller管理,即bar形成整个nv的导航视图,然后每个nv页面的导航栏元素由所在页面的navigationItem管理。即设置当前页面的左右barbutton,用self.navigationItem.leftBarButtonItem等。

导航条上多个Item

UIBarButtonItem*item1 = [[UIBarButtonItemalloc]initWithTitle:@"读"style:UIBarButtonItemStylePlaintarget:selfaction:@selector(start)]; UIBarButtonItem*item2 = [[UIBarButtonItemalloc]initWithTitle:@"暂停"style:UIBarButtonItemStylePlaintarget:selfaction:@selector(nowStop)]; UIBarButtonItem*item3 = [[UIBarButtonItemalloc]initWithTitle:@"继续"style:UIBarButtonItemStylePlaintarget:selfaction:@selector(continueRead)]; UIBarButtonItem*item4 = [[UIBarButtonItemalloc]initWithTitle:@"停止"style:UIBarButtonItemStylePlaintarget:selfaction:@selector(stop)]; self.navigationItem.rightBarButtonItems=@[item1,item2,item3,item4];

Toolbar

navigationController自带了一个工具栏,通过设置 self.navigationController.toolbarHidden = NO来显示工具栏,工具栏中的内容可以通过viewController的toolbarItems来设置,显示的顺序和设置的NSArray中存放的顺序一致,其中每一个数据都一个`UIBarButtonItem`对象,可以使用系统提供的很多常用风格的对象,也可以根据需求进行自定义,`每个UIBarButtonItem可以绑定一个事件`,不常使用。

 UIBarButtonItem *one = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAdd target:nil action:nil];  UIBarButtonItem *two = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemBookmarks target:nil action:nil];  [childOne setToolbarItems:[NSArray arrayWithObjects:flexItem, one, flexItem, two, nil]]; childOne.navigationController.toolbarHidden = NO;

topViewController Vs visibleViewController

topViewController代表当前navigation栈中最上层的VC,而visibleViewController代表当前可见的VC,它可能是topViewController,也可能是当前topViewController present出来的VC。因此UINavigationController的这两个属性通常情况下是一样,但也有可能不同。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • UI篇-UICollectionView 补充

    http://blog.csdn.net/xiyouios/article/details/50191101

    進无尽
  • UI篇-Layer几个关键点补充

    强大的UIView是基于 CALayer实现的,它的重要性不言而喻,相信大家也都有自己的研究和理解,今天这片文章里的内容是几个关键点的补充。

    進无尽
  • 唐巧的iOS技术博客选摘

    王大锤
  • Flutter Boost 接入实践(iOS 篇)

    我们给 Android 接入 Flutter Boost 之后,现在我们来看看如何给 iOS 工程(OC)接入 Flutter Boost。

    QQ音乐前端团队
  • 抓住iOS的未来 - 30天学习编写30个Swift小程序

    =======================================================

    nimomeng
  • iOS系统中导航栏的转场解决方案与最佳实践

    目前,开源社区和业界内已经存在一些 iOS 导航栏转场的解决方案,但对于历史包袱沉重的美团 App 而言,这些解决方案并不完美。有的方案不能满足复杂的页面跳转场...

    美团技术团队
  • iOS 全屏侧滑手势/UIScrollView/UISlider间滑动手势冲突

    方案一:这个跟UIScrollView的一个属性delaysContentTouches有关。

    且行且珍惜_iOS
  • iOS开发常用之网络

    GuangdongQi
  • 前后端分离团队的资源浪费

    最近的项目,团队都是以前端、后端两个分离的形式。作为一个大前端,不论是在 Web 开发的时候,还是开发 Android 应用的时候,经常遇到:

    不知雨

扫码关注云+社区

领取腾讯云代金券