移动应用软件开发（基于iOS平台）-2017 Outlet的设置方法 43Outlet的设置方法 文档.docx

Outlet的设置方法 1 Outlet的设置方法 2 Outlet的设置方法 本次课程介绍outlet的设置方法。 一、outlet的介绍 1.Outlet：是一种特别定义的变量。通过Outlet，可以从与Outlet命名对应的控件中取出信息，或者将新的信息赋予控件。在Main.storyboard中界面上配置的每个控件，都可以通过Outlet与代码连接，从而让程序员可以在程序中存取Outlet中的内容。在这里，Outlet是将界面组件和代码变量连接的一种纽带，实现了界面组件与代码间的信息交换。 所以说IBOutlet只是一个标记，IBOutlet用来标记代码片段中的变量，这个变量是应该和界面中某个对象相关联的； 3.Outlet是一种特别定义的变量，在代码中对应的变量前面加上IBOutlet来修饰标记，本身来说它只是个标记，没有什么实际意义，只是用来告诉编译器，这个变量有些特别，是个界面的Outlet。Outlet要和nib文件（也就是storyborad里面的界面）里面的一个对象关联起来（建立了一个connection），一旦建立了连接，就可以在程序中进行赋值或者读取其内容了。 4.所以说 Outlet是一个变量，是一个带有outlet标记的变量，outlet connection是nib对象创建之后，通过nib里面的定义，在runtime的时候，把它们关联起来的一个机制，这个关联关系建立起来之后，nib对象就可以在程序代码中操作使用了。 二、开发新闻界面 下面我们以开发一个新闻界面（如图2-7）所示，当程序运行后，会自动将新闻数据更新到界面上的相应Outlet中。 图2-7 新闻客户端 1. 项目界面规划 根据新闻客户端的实际运行情况，界面设计如图2-8所示。 图2-8 新闻客户端界面 通过分析可以看到，界面上的各个元素可以分解为三大类：UIView、UILabel和UIImageView，具体如图2-9所示。 图2-9 界面元素分解 2. 新建工程News，保存到桌面 新建一个Xcode工程，名称为News，保存到桌面（Desktop）上，和第一个iOS程序的步骤一致。 3. 打开Main.storyboard，找到View Controller 打开Main.storyboard，选择View Controller，点击文件查看器（File Inspector），找到两个选项：Use Auto Layout和Use Trait Variations，如图2-10所示。 图2-10 Main.storyboard中的View Controller 4. 取消User Auto Layout和Use Trait Variations功能 在取消这两个功能的时候，会出现一个提示，选择同意即可，如图2-11所示。 图2-11 确认取消Trait Variations提示框 5. 拖放Label到界面中，调整字体大小和Autoresizing等 用户在对象库（Object Library）中找到UILabel，将其拖放到界面的合适位置，进入尺寸查看器（Size Inspector），调整UILabel的大小（width和height），设置Autoresizing功能，如图2-12所示。 图2-12 设置Label的大小和Autoresizing功能 6. 设置标题Label的字体和背景色 选择Label，然后进入属性查看器（Attributes Inspector），输入Label的文字内容“新闻”，调整字体大小Fonts，设置整个Label的背景色Background，如图2-13所示。 图2-13 Label字体大小及背景色 7. 运行查看一下进展 模拟器根据需要可以进行向左旋转（Rotate Left），Home键，重启Reboot等，如图2-14所示。 在工具栏上选择运行按钮，并将模拟器进行向左旋转（菜单Hardware-Rotate Left），将会出现如图2-15所示效果。 图2-14 模拟器的Hardware菜单 图 2-15 模拟器旋转后的效果 三、outlet的设置 1. 建立一个Outlet，用于连接代码和标题 在Assistant Editor情况下，会同时出现界面和代码。这样用户可以在界面区域选择Label，然后按住Ctrl键不放，用鼠标拖放，出现一条蓝色橡皮筋，拖到ViewController类的代码中，具体可以在viewDid