iOS开发UI篇—使用storyboard创建导航控制器以及控制器的生命周期

简介:

一、基本过程

新建一个项目,系统默认的主控制器继承自UIViewController,把主控制器两个文件删掉。

在storyboard中,默认的控制器是View Controller,而我们需要的是导航控制器,那么就把系统的给删掉,拖一个导航控制器进来,导航控制器中默认的第一个子控制器是一个tableview controller,这里不需要,把它删掉,重新拖三个View Controller到界面上进行连线,简单的设置就可以了。

按钮连线,按住ctrl,右边界面选择push。

完成基本设置后的界面如下:

经过这么几步简单的设置,就可以实现一个简单的多页面切换。为开发提供了极大的方便,但storyboard也不是万能的,要注意在开发中,如果在最后一个页面添加一个按钮,让它直接跳转到上一个页面会出现问题。

提示:storyboard能做的事情,使用代码都能做,但是代码能够做的事情,storyboard不一定能够做。

通过拖拉控件即可完成简单的界面设置。

下面这样的连线会出现问题:(从后面的控制器跳转到前面,只能通过代码来实现)

产生问题的原因:(当点击返回的时候,不是先把第三个控制器移除栈顶,而是先创建TWO控制器,此时栈里有四个控制器,栈顶的为TWO).

二、控制器的生命周期

代码简单说明:

复制代码
 1 @interface NJOneViewController ()
 2  3 @property (nonatomic, strong) NSArray *foods;
 4 @end  5  6 @implementation NJOneViewController
 7  8 // 当控制器的view加载完毕就调用  9 - (void)viewDidLoad
10 {
11  [super viewDidLoad];
12 NSLog(@"1控制器的view加载完毕");
13 }
14 15 // 控制器的view即将显示的时候调用 16 - (void)viewWillAppear:(BOOL)animated
17 {
18  [super viewWillAppear:YES];
19 NSLog(@"1控制器的view即将显示");
20 }
21 22 // 控制器的view完全显示的时候调用 23 - (void)viewDidAppear:(BOOL)animated
24 {
25  [super viewDidAppear:animated];
26 NSLog(@"1控制器的view完全显示");
27 }
28 29 // 控制器的view即将消失的时候调用 30 - (void)viewWillDisappear:(BOOL)animated
31 {
32  [super viewWillDisappear:animated];
33 NSLog(@"1控制器的view即将消失");
34 }
35 // 控制器的view完全消失的时候调用 36 - (void)viewDidDisappear:(BOOL)animated
37 {
38  [super viewDidDisappear:animated];
39 NSLog(@"1控制器的view完全消失");
40 }
41 42 // 控制器的view即将销毁的时候调用 43 - (void)viewWillUnload
44 {
45  [super viewWillUnload];
46 }
47 // 控制器的view完全销毁的时候调用 48 - (void)viewDidUnload
49 {
50  [super viewDidUnload];
51 // 清空不需要的属性
52 // [self.foods release]; 53 self.foods = nil;
54 }
55 56 //- (void)setFoods:(NSArray *)foods
57 //{
58 // if (_foods != foods) {
59 // [foods release];
60 // _foods = [foods retain];
61 // }
62 //}
63 64 // 接收到内存警告的时候调用 65 - (void)didReceiveMemoryWarning
66 {
67  [super didReceiveMemoryWarning];
68 }
69 /**/ 70 71 @end
复制代码

打印结果如下

三个重要的方法:

复制代码
// 控制器的view即将销毁的时候调用
- (void)viewWillUnload
{
 [super viewWillUnload];
}
// 控制器的view完全销毁的时候调用
- (void)viewDidUnload
{
 [super viewDidUnload];
 // 清空不需要的属性
// [self.foods release];
 self.foods = nil;
}

// 接收到内存警告的时候调用
- (void)didReceiveMemoryWarning
{
 [super didReceiveMemoryWarning];
}
复制代码

补充:

两个内存警告的区别(和代理中得比较):

代理的内存警告:当application发生一些事情的时候(接收到内存警告的时候),会先通知它的代理,之后代理会通知它的window,window会通知它的根控制器,根控制器会通知它的子控制器。内存警告是由上往下一层一层往下传的(可以通过在两个地方打印输出验证)。

需要了解它的父类是如何处理内存警告的。

模拟内存警告:

内存警告的处理示意图:

控制器的view是否可以销毁?它怎么知道是否可以销毁呢?如何判断?它是判断这个view是否是在windows上面。

当前one控制器在栈顶,one控制器对应的view显示在window上,如果此时发生内存警告,那么one因为在window上面,所以不会被销毁。

若此时再来一个two控制器,它创建对应的twoview显示到window上,one对应的view移开了,此时如果发生内存警告,则此时oneview已经不再在window上显示,所以会被销毁。

特别说明:outlet代表着属性,当控制器创建的时候,属性一般也是有值的,当调用了- (void)viewDidUnload方法以后,即控制器的view完全销毁了以后,所有的属性数据会清空。一般在ios5以前,还会在这个方法里面清空里面的所有属性。

提示:所有的控制器的这些方法其实是一个循环。

目录
相关文章
|
JSON 前端开发 Java
Mock.js之Element-ui搭建首页导航与左侧菜单
Mock.js之Element-ui搭建首页导航与左侧菜单
231 0
|
JSON 前端开发 JavaScript
【Element-UI】Mockjs及案例首页导航、左侧菜单
Mock.js是一个用于生成模拟数据的JavaScript库。它能够模拟后端API接口,用于前端开发时进行接口调试和测试提高自动化测试效率。使用Mock.js可以快速创建虚拟的数据,并且可以设置数据的类型、格式和规则,从而模拟真实的数据响应。Mock.js支持生成随机数据拦截Ajax请求以返回模拟数据支持RESTful API风格等功能,能够提高前端开发效率,并且减少对后端接口的依赖。支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
「Mac畅玩鸿蒙与硬件41」UI互动应用篇18 - 多滑块联动控制器
本篇将带你实现一个多滑块联动的控制器应用。用户可以通过拖动多个滑块,动态控制不同参数(如红绿蓝三色值),并实时显示最终结果。我们将以动态颜色调节为例,展示如何结合状态管理和交互逻辑,打造一个高级的滑块控制器应用。
376 78
「Mac畅玩鸿蒙与硬件41」UI互动应用篇18 - 多滑块联动控制器
|
JSON 前端开发 JavaScript
Element UI搭建首页导航和左侧菜单以及Mock.js和(组件通信)总线的运用
Element UI搭建首页导航和左侧菜单以及Mock.js和(组件通信)总线的运用
213 0
|
搜索推荐 数据库
最新UI六零导航系统源码 | 多模版全开源
使用PHP+MySql,增加后台管理 多模板选择,支持在后台切换模板 增加常用搜索引擎,如:知乎、哔哩哔哩、在线翻译等(支持自定义) 支持用户提交收录申请,地址:http://域名/apply 部分模板优化和增加部分功能,如返回顶部、获取输入框焦点、时间日期显示等
318 1
|
测试技术 Swift iOS开发
探索iOS自动化测试:使用Swift编写UI测试
【8月更文挑战第31天】在软件开发的海洋中,自动化测试是保证船只不偏离航线的灯塔。本文将带领读者启航,深入探索iOS应用的自动化UI测试。我们将通过Swift语言,点亮代码的灯塔,照亮测试的道路。文章不仅会展示如何搭建测试环境,还会提供实用的代码示例,让理论知识在实践中生根发芽。无论你是新手还是有经验的开发者,这篇文章都将是你技能提升之旅的宝贵指南。
|
JSON 前端开发 JavaScript
【Element-UI】Mock.js,案例首页导航、左侧菜单
【Element-UI】Mock.js,案例首页导航、左侧菜单
226 0
|
小程序 开发者 iOS开发
【 uniapp - 黑马优购 | 商品详情 】详情页UI结构设计、商品导航区域实现
【 uniapp - 黑马优购 | 商品详情 】详情页UI结构设计、商品导航区域实现
678 0
|
JSON JavaScript 前端开发
【2】Vue项目引用Element UI(饿了么框架)菜单导航条初期配置
【2】Vue项目引用Element UI(饿了么框架)菜单导航条初期配置
|
存储 数据安全/隐私保护 开发者
iOS创建苹果证书、制作p12证书流程
iOS创建苹果证书、制作p12证书流程
iOS创建苹果证书、制作p12证书流程

热门文章

最新文章