学习
实践
活动
工具
TVP
写文章
专栏首页進无尽的文章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的这两个属性通常情况下是一样,但也有可能不同。

本文参与 腾讯云自媒体分享计划 ,欢迎热爱写作的你一起参与!
本文分享自作者个人站点/博客:https://www.jianshu.com/u/aef519a9dde7复制
如有侵权,请联系 cloudcommunity@tencent.com 删除。
登录 后参与评论
0 条评论

相关文章

  • Android仿微信朋友圈点赞和评论功能

    最近在做朋友圈的项目,所以写一个Android仿朋友圈点赞和评论功能Demo,代码就是简单实现了一下功能,没有做优化,凑合看。

    砸漏
  • 15个很有趣的开源项目推荐

    新年快乐,愉快的假期中总是不自觉的打开电脑?。开源的世界每天都会有各种惊喜,下面是我们整理的15个有趣的开源项目,希望当中有您喜欢的。

    腾讯新闻前端团队
  • 面试官问了一下三次握手,我甩出这张脑图,他服了!

    在早期的网络传输中,也就存在TCP协议需要“握手”的过程,但早期的协议有一个缺陷:通信只能由客户端发起,做不到服务器主动向客户端推送信息。

    前端劝退师
  • 我是如何在5个月内跨专业考上北科计算机的

    热心的社会主义接班人
  • 你还没用Electron开发桌面应用吗?【文末送书】

    Electron是一个运行平台,它能够让我们通过 HTML + CSS + JavaScript 开发桌面应用程序。

    张晓衡
  • 自学iOS开发,从新手小白到高级工程师正确的打开方式

    自己目前大四汪一枚,自学iOS开发一年左右,先后学习了swift和Objective-C。由于是自学(而且全院貌似就我一个人在学),深知自学之痛。所以在此分享一...

    企鹅号小编
  • Swift实践:使用CoreData完成上班签到小工具1. CoreData Stack的作用2.创建 CoreData Stack3. 一对多的关系4. 完成Demo,了解使用CoreData St

    stanbai
  • 啄幕鸟:iOS开发提效好帮手

    客户端日常开发中经常遇到各种低效痛点,比如开发 UI 界面时,开发、设计同学走查 UI 基本靠眼,不易于发现问题;设计同学想修改一个 UI 元素,除非是原开发者...

    ios-lan
  • 模电总结(一)「建议收藏」

    吐槽:我十一月份痛苦地开始了期末复习之后,我想到我好像都是期末速成的,而速成容易忘…….模电作为专业基础课,忘了的话以后就没公司要我了,考研也等同于重开………心...

    全栈程序员站长
  • 初来乍到,聊聊自己这一年的学习和开发练习

    记得那时候吧 搭起来一个小的Spring boot项目能激动半天 还要买瓶汽水庆祝下(其实想喝了)

    代码哈士奇
  • 文本相似性的总结

    说到文本相似性可以有很多种划分的方式,从文章的长短可以分别处理,从计算的方式可以分为深度学习和机器学习方式,从实现目的上可以分为去重和匹配...

    sladesal
  • 前端之变(六):引领式变革,从命令式UI到声明式UI

    当我在2020年使用前端的技术栈去编写一个跨平台桌面App时,发现前端在UI方面其模式与我在移动端接触到的有很大的差异,那时候我意识到原来在前端,其UI使用的是...

    御剑
  • Android APP 终极瘦身指南

    APK瘦身即是对APK大小进行压缩策略,减小APK安装包大小,更小的安装包更有助于吸引用户安装;虽然说APK瘦身对于Android对应用可分配内存的限制影响不大...

    Android技术干货分享
  • 慎投!这本3分+“毕业神刊”被多家机构列入黑名单!

    小编今天闲来无事又去知名论文打假网站Pubpeer(https://pubpeer.com/)吃瓜,上次介绍的 European Review for Medi...

    百味科研芝士
  • 基于asp.net + easyui框架,一步步学习easyui-datagrid——完成,总结(四)

    通过前面三篇博客对easyui-datagrid组件的学习,相信大家对jQuery Easyui框架,有了更加深入的了解和学习。这篇博客,我会从两个方面着手做一...

    程序猿小亮

扫码关注腾讯云开发者

领取腾讯云代金券