自定义ViewController

前言

为什么翻译这系列文章

概述

你可以继承UIViewController来展示的你的App的内容。大部分自定义的ViewController都是内容型的ViewController,也就是说,它包含了所有的视图,并负责为这些视图提供数据。相反,容器型ViewController不拥有所有的视图,它的部分子视图被其他ViewController管理着。自定义容器型ViewController和内容型ViewController的步骤基本一样,接下来我们会一一讲到。

对于内容型ViewController,常见的分类有:

  • UITableViewController, 当你的ViewController的主View是一个表格时使用UITableViewController。
  • UICollectionViewController,当你的ViewController的主View是一个集合性的视图。
  • UIViewController,所有其他类型的视图。

对于容器类型的ViewController,父类取决于你是否修改了已存在的容器类。对于已存在的容器性视图控制器,选择一个你想要修改的,对于新的容器型ViewController,你可以子类化UIViewController。关于创建一个容器型ViewController,请参考 Implementing a Container View Controller

实现UI

你可以使用storyboard来实现ViewController的UI效果。虽然你也可以代码来实现UI布局,但是storyboard是将视图控制器的内容可视化并为不同的环境定制视图层次的绝佳方式。可视化的UI构建可以快速看到构建结果而不必编译和运行App。

下图展示了一个storyboad的例子,每个长方形区域表示一个ViewController和与之相关的视图。两个ViewController之间的箭头表示它们之间的关系和segues. 关系将容器型ViewController与它的子ViewController连接在一起。Segues 表示两个ViewController之间的转换。

每个新建的工程都有一个 main storyboard, 它通常已经包含一个或者多个ViewController。你可以在storyboard上从控件库中拖拽出一个新的ViewController添加到面板上。新建的ViewController初始状态下没有与之关联的类,必须通过设置“Identity inspector”给它赋予一个类。

使用storyboard编辑器可以做以下的操作:

  • 为一个ViewController新增、编排、配置视图。
  • 连接outlet和action,参考:Handling User Interactions
  • 创建ViewController之间的关系和segues。参考: Using Segues
  • 为不同的size classes 设置布局。
  • 为手势来响应视图的交互操作。

如果没有使用过storyboard构建UI,你可以参考Start Developing iOS Apps Today这个教程来一步一步的学习。

处理用户交互

应用程序的响应者事件处理传入的事件并采取适当的操作。尽管ViewController是响应者对象,但它机会不直接处理事件,ViewController通常采用如下几种方式响应用户事件:

  • ViewController定义action方法处理高级事件。Action 方法表示:
    • 特定的动作。控件和视图调用指定action方法来响应特定的用户操作。
    • 手势。手势识别器调用指定的方法来告知手势的当前状态。使用你自己的ViewController来处理手势状态的改变或者对整个手势做出响应。
  • ViewController监听由系统或者其他对象发出的通知。上报通知变化是一种更新ViewController状态的一种方式。
  • ViewController作为其他对象的数据源或者代理。ViewController经常用来作为table和collection view的数据源。你也可以用它作为一个对象的代理如“CLLocationManager”对象,它通过代理告知地理位置的变更。

响应事件经常涉及到更新视图的内容,这需要拥有要更新视图的引用。你可以在ViewController中定义要修改内容的视图的outlet。下面代码,自定义ViewController中包含两个outlets和一个action方法。

@interface MyViewController: UIViewController  

@property (weak, nonatomic) IBOutlet UIButton *myButton;  
@property (weak, nonatomic) IBOutlet UITextField *myTextField;

- (IBAction)myButtonAction:(id)sender;

@end
class MyViewController: UIViewController {
    @IBOutlet weak var myButton : UIButton!
    @IBOutlet weak var myTextField : UITextField!
    
    @IBAction func myButtonAction(sender: id)
}

在你的storyboard中,记得将你的ViewController的outlets和action方法和相应的是视图相连接。在你的storyboard连接的outlets和actions确保他们在视图在被加载之后配置好。关于如何在Xib中创建outlet和action参考:Builder connections Help。 关于如何处理事件,参考:Event Hanlding Guide for iOS。

在运行时展示你的视图

Storyboard使得加载和展示ViewController的视图的流程非常简单。UIKit在它需要的使用视图的时候会自动从Storyboard中加载。作为加载流程的一部分,UIKit执行以下任务:

  1. 使用Storyboard中的信息实例化View

  2. 连接所有的outlets和actions

  3. 将根视图赋值给ViewController的view属性

  4. 调用ViewController的awakeFromNib

    当这个方法被调用的时候,ViewController的特征集合还是空,视图可能不在他们最终的位置上。

  5. 调用ViewController的viewDidLoad方法

    使用此方法添加或者移除视图,修改布局约束,加载视图所需要使用的数据。

在将ViewController的视图展示在屏幕之前,UIKit提供了一些额外的机会可以在视图展示到屏幕前后对视图进行更改。需要指出的是,下面方法将会被调用。

  1. 调用ViewController的viewWillApper:方法是你知道视图即将展示在屏幕上。
  2. 更新视图的layout。
  3. 将视图展示在屏幕上。
  4. 调用viewDidAppear方法当视图已经展示在屏幕上。

当你增加,移除或者修改视图或者视图的位置和大小,记得同时要修改相应视图上的约束。对视图的层级结构进行布局相关的更改会使得UIKit将layout标记为“dirty”。在下一次更新循环中,layout引擎会比较视图的大小和位置,使用当前的约束应用于改变的视图层级。

关于不适用Storyboard创建视图的方法,参考:UIViewController Class Referencep

管理视图布局

当视图的尺寸和位置发生改变,UIKit会更新你视图的布局信息。UIKit使用自动布局引擎根据当前的约束更新视图。UIKit也可以让其他感兴趣的对象知道视图的变化,比如当前正在展示的对象。

在布局处理的过程中,UIKit通过几中方式通知你,你可以执行额外的与布局相关的操作。使用这些通知来更新你的布局约束或者在在布局约束应用之后做最终的调整。在布局期间,UIKit执行以下操作来影响ViewController:

  1. 在需要的时候更新ViewController和它的视图的特征集合。

  2. 调用viewWillLayoutSubviews方法。

  3. 调用当前UIPresentationController的containerViewWillLayoutSubviews方法。

  4. 调用ViewController的根视图的layoutSubViews方法。

    该方法的默认实现是使用可用的约束计算新的布局。之后该方法调用所有子视图的layoutSubviews方法。

  5. 将计算后的布局信息应用到视图上。

  6. 调用ViewController的viewDidLayoutSubviews方法。

  7. 调用当前UIPresentationController对的containerViewDidLayoutSubviews方法。

ViewController可以使用viewWillLayoutSubviews和viewDidLayoutSubViews方法执行额外的更新操作来影响布局操作。在布局之前,你可以增加或者移除视图,改变视图的大小或者位置,更新约束或者更新相关视图的属性。布局之后,你可能会重新加载table的数据,更新视图的内容,或者对视图的大小和位置做出最后的调整。

这里有几个有效管理视图的提示:

  • 使用Auto Layout。使用autolayout创建的约束可以方便的将内容在不同尺寸的屏幕上展示。
  • 利用底部可底部的布局指南。使用这些布局指南可以确保内容始终可见。顶部布局指南影响着状态栏和导航栏的高度。同样的,底部的布局指南影响着tabbar和toolbar的高度。
  • 记得在移除和添加视图时更新约束。如果你动态的增加和移除视图,记得更新响应的约束。
  • ViewController的视图执行动画操作的时候暂时移除视图。当视图使用UIKit的CoreAnimation执行动画时,在动画执行期间移除约束,动画执行完成之后再将约束添加回来。还有如果在视图执行动画期间,如果改变了视图的位置和大小要更新约束。

有关展示控制器以及它在ViewController的结构中所扮演的角色,参考:The Presentation and Transition Process

高效管理内存

尽管内存分配的工作是由你来决定的,下表中列出了UIViewController关于内存创建和销毁的常用方法。大多数销毁操作时移除强引用的对象。可以将一个强引用对象置为nil来移除它。

任务 方法 描述
创建ViewController要使用
的数据
initialization 方法 自定义初始化方法
(无论是用init命名还是其他名字),
它的职责就是将你的视图控制器置于
一个可用的良好状态。使用这些方法创建
相应的数据结构,以供对应的操作使用。
分配或者加载视图所使用的数据 ViewDidLoad 使用ViewDidLoad方法加载你打算展示的
数据。该方法调用时,你的视图对象已经
存在并且是可用状态。
响应系统低内存的通知 didReceiveMemoryWaring 使用此对象销毁ViewController中
非关键的数据,尽可能的销毁更对的数据
视图ViewController的关键对象 dealloc 重写该方法仅用于执行ViewController
的最后一次清理操作。系统会自动清理掉
实例变量所存储的变量和属性,
所以你不需要手动的释放。
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 157,198评论 4 359
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,663评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 106,985评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,673评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 51,994评论 3 285
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,399评论 1 211
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,717评论 2 310
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,407评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,112评论 1 239
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,371评论 2 241
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,891评论 1 256
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,255评论 2 250
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,881评论 3 233
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,010评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,764评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,412评论 2 269
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,299评论 2 260

推荐阅读更多精彩内容