内建 Interface Builder

借助 Xcode 内置的 Interface Builder 编辑器,您无需编写任何代码,即可轻松设计完整的用户界面。只需将窗口、按钮、文本字段和其他对象拖放到设计画布上,即可创建有效的用户界面。

Cocoa 和 Cocoa Touch 使用“模型-视图-控制器”模式构建,因此可以轻松地独立设计界面,不受实现方式的限制。用户界面实际上是 Cocoa 或 Cocoa Touch 归档对象(保存为 .nib 文件),当 app 运行时,macOS 和 iOS 会自动在 UI 与代码之间建立关联。

Storyboard

完整的 iOS app 是由多个供用户导航的视图组成的。这些视图之间的关系由 Storyboard 定义,Storyboard 显示 app 流的完整视图。Interface Builder 的 Storyboard 设计器可轻松创建和设计新视图,并将它们链接在一起,形成适用于自定代码的完整用户界面。

Xcode 包括以下 Storyboard 控制器:

  • 表格视图控制器
  • 集合视图控制器
  • 导航控制器
  • 标签栏控制器
  • 页面视图控制器
  • GLKit 视图控制器
  • 或自定义

Assistant

编辑 Storyboard 或 .xib 文件时打开 Assistant,可以迅速将 UI 控件与实现其行为的代码关联起来。如果您尚未编写代码,Xcode 将提出为操作创建存根(启动方法)或出口(保留数据的变量),它们将为界面提供逻辑。

自动布局

iOS 和 macOS 均拥有名为“自动布局”的强大布局系统,该系统为 Interface Builder 提供卓越的内建支持。自动布局基于这样一种概念:界面中的每个对象均可定义约束条件,用于控制其对父视图和其他界面控件的响应。例如,当显示不同语言时,可以让按钮优先保持特定大小或扩展以容纳更大的文本。

Interface Builder 可自动为您创建所有限制条件,确保提供一套兼容的规则。您还可以直接控制约束条件来定义每个条件的确切优先级,以此定义当屏幕尺寸不同、设备旋转或在新区域下运行时 app 的工作方式。

预览

利用预览模式,您可在不同的环境中快速查看界面,无需运行 app,从而大大加快了迭代设计过程。您可以在纵向或横向模式下、在以前版本的 iOS 上、在不同的屏幕尺寸下等环境下查看 app。