iOS开发课程：界面构建器，情节提要和基本UI类
什么是IB？ 如何建立使用者介面？ 有哪些基本的UI元素可用？ 如何建立自定义UI？ 如何使用某些视图控制器构建故事？
让我们在快速指南中回答这些问题！
创建一个新的Single View App项目。
热键：shift + Command + N
什么是IB？
Xcode中的Interface Builder编辑器使无需编写任何代码即可轻松设计完整的用户界面。 只需将窗口，按钮，文本字段和其他对象拖放到设计画布上，即可创建可运行的用户界面。 苹果
好的，现在我们有了一个新项目，该项目具有默认文件集和IB定义。 让我们继续。
转到项目导航器并打开Main.storyboard文件。
故事板是iOS应用程序用户界面的直观表示，显示内容的屏幕以及这些屏幕之间的连接。 故事板由一系列场景组成，每个场景代表一个视图控制器及其视图。 场景由segue对象连接，这些对象代表两个视图控制器之间的过渡。
大。 现在我们在Interface Builder上。
好。 我们可以做些什么？ 现在，我们将逐步发现每个步骤。
如何在视图中添加新元素？
只需按： Shift + Command + L
选择所需的元素并将其拖动到viewController。
凉。 您的第一个视图已出现。
查看throw Attributes Inspector（在右侧）。 这是UIView属性。 *它是为每个其他UI类元素设置的唯一属性。
好的，让我们将视图与我们的课程联系起来。
- 显示助理编辑
- 选择自动模式以显示IB上显示的班级代码
- 在“属性”检查器中打开“连接编辑器”选项卡（在最后一次点击的右侧）
- 选择引荐出口并将其拖动到类中
- 打印IB出口名称
因此，现在我们在代码中很少引用该视图。
打开ViewController.swift并编写代码以更改contentView背景颜色。
结果，在故事板上有第二个ViewController。
向第一个viewController添加按钮，该按钮通过segue打开第二个viewController。
- 添加按钮。 热键： Shift + Command + L
- 拖动按钮到第一个viewController视图
双击以激活标题编辑。 点按您的标题。
添加segue以显示第二个viewController。
- 选择最近添加的按钮
- 按Ctrl并将光标拖到第二个viewController
- 在选项菜单中，选择“模态呈现”
大。 现在我们有一个从第一控制器到第二控制器的序列，它首先以模态形式呈现第二控制器。
在模拟器上运行程序，然后尝试。
您是否要添加关闭第二个viewController的按钮？
凉！
如何添加后退的“放松”序列。
- 将展开功能添加到第一个viewController（ViewController.swift文件）
你是好工人！ 在模拟器上运行程序，然后查看结果。
拍！
UIKit具有一些主要元素，可用于为用户提供功能。
UIView —视图是应用程序用户界面的基本构建块， UIView类定义了所有视图共有的行为。 视图对象在其边界矩形内呈现内容，并处理与该内容的任何交互。 UIView类是一个具体的类，您可以实例化并使用它来显示固定的背景色。 您也可以将其子类化以绘制更复杂的内容。
UILabel —一种视图，显示一行或多行只读文本，通常与控件结合使用以描述其预期目的。
UIButton —响应用户交互执行您的自定义代码的控件。
UITextField —在界面中显示可编辑文本区域的对象。
UIImage —一个对象，用于管理应用程序中的图像数据。
在您的项目中尝试这些类。 只需按Shift + Command + L并编写查询。
Xib声音的简单解释为“单个组件的接口文件”。
它可以是viewController的视图，自定义视图。 在iOS中，使用xib文件创建自定义UI元素的布局是一种常见的做法。
与情节提要板的不同之处在于，XIB无法在场景（viewController）之间创建连接。 它只是为您的组件提供布局规则。
稍后，我们将发现如何将.xib用于UITableViewCell（iOS表的项目）和从xib加载的自定义UIView组件。
你完成了！ 拍！ 拍！
请记住，成功的秘诀是不断学习和与同事沟通，包括自我教育。
这是有关UI Building的小指南。 在Apple Developer网站上了解更多信息。 不要停止自我教育。
订阅我的帐户以获取有关新故事的通知。
如果您还有问题，请在评论中写。 我将在以后的文章中回答。