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


关于导航返回:

如果APP通过navigationController从A视图跳转至B视图,导航的返回按钮的加载原理是这样的: 

1、如果B视图有一个自定义的左侧按钮(leftBarButtonItem),则会显示这个自定义按钮(没有后退箭头); 

2、如果B没有自定义按钮,但是A视图的backBarButtonItem属性有自定义项,则显示这个自定义项; 

3、如果前2条都没有,则默认显示一个后退按钮,后退按钮的标题是A视图的标题(没有标题,则显示“back”)。

所以我们对于返回按钮的样式需要可以如下设置可得:

【1】< 文字文字  这个需要我们A页面的 navigationItem.title 不为空

【2】<返回  这个需要我们A页面的 navigationItem.title 为空即可,一般是我们定义了 navigationItem.titleView而没有设置 navigationItem.title

【3】<   只有图标没有文字  这个效果我们可以设置A视图的backBarButtonItem属性,或者自定义B视图的左侧按钮(leftBarButtonItem)

    首先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

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的这两个属性通常情况下是一样,但也有可能不同。

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

推荐阅读更多精彩内容