12、打造趣味用户界面：iOS应用开发全攻略

打造趣味用户界面：iOS应用开发全攻略

1. 界面布局预览

在当前的图形用户界面（GUI）开发中，可借助预览助手来验证布局情况。操作步骤如下：
1. 打开助手编辑器，可通过选择中间工具栏上标有“Editor”的按钮，或者点击“View ➤ Assistant Editor ➤ Show Assistant Editor”。
2. 在跳转栏中选择“Preview”和“Main.storyboard”。
3. 当4英寸iPhone的预览界面出现后，再添加一个5.5英寸iPhone的预览。此时会发现，布局与小屏幕手机上的布局一致，只是由于屏幕变宽，文本字段会稍宽一些。

需要注意的是，对于相对简单的示例，Xcode能够创建出满足布局需求的约束条件，但并非总是如此。每当使用“Editor ➤ Resolve Auto Layout Issues ➤ Add Missing Constraints”命令时，都要仔细检查Xcode添加的约束条件。若不符合预期，可删除这些约束条件，并手动添加。

2. 创建并连接输出口

在进行应用的首次测试前，需要创建并连接输出口。界面上的图像视图和标签无需输出口，因为在运行时无需对其进行更改。而两个文本字段需要输出口，以便在代码中使用其中的数据。具体操作如下：
1. 确保在项目导航器中选择了故事板文件。若屏幕空间有限，可选择“View ➤ Utilities ➤ Hide Utilities”隐藏实用工具面板。
2. 在助手编辑器的跳转栏中选择“Automatic”，此时应能看到“ViewController.h”或“ViewController.m”。
3. 确保助手编辑器中显