在Xcode中构建基本界面

在Xcode中构建基本界面

现在你已经知道如何在场景中添加内容，接下来让我们开始构建场景的基本界面，将新项目添加到待办事项列表中。

将项目添加到待办事项列表需要一则信息：项目名称。你可以从文本栏中获得此信息。文本栏是界面元素，可让用户使用键盘输入单行文本。但首先，你需要移除前面所添加的标签。

从场景移除标签

1. 点按标签进行选择。

2. 按下 Delete 键。

该标签会从场景中移除。如果操作与期望不符，可以选取"Edit">"Undo Delete Label"。（每个编辑器都有可撤销上一个操作的"Edit > Undo"命令。）

现在画布又重新恢复为空白，可创建用于添加待办事项的场景。

将文本栏添加到场景

1. 如有需要，请打开对象库。

2. 将"Text Field"对象从列表拖到场景中。

 

3. 拖移文本栏，然后放置在距屏幕底部三分之二的位置。

4. 如有需要，请点按文本栏来显示调整大小控制柄。

通过拖移 调整大小控制柄 （显示在元素边框上的白色小方块）来调整 UI 元素的大小。你可以选择元素来显示其调整大小控制柄。在本例中，因为你刚刚停止拖移，文本栏应该已被选定。如果文本栏外观如下图所示，就可以调整它的大小；否则请在画布上选择它。

5. 调整文本栏的左侧和右侧边缘，直到垂直参考线显示。

当看到画布像下图这样时，停止调整文本栏大小：

虽然场景中已经有了文本栏，但是尚未告知用户应当在栏中输入什么内容。使用文本栏的占位符文本，提示用户输入新待办事项的名称。

 

配置文本栏的占位符文本

1. 选定文本栏，打开实用工具区域中的"Attributes"检查器 。
   

选择检查器选择栏中左起第四个按钮时，"Attributes" 检查器 会出现。它可让你编辑串联图中对象的属性。

2. 在"Attributes"检查器中，找到标有"Placeholder"的栏，然后键入" New to-do item "。

如果要在文本栏中显示新的占位符文本，请按下 Return 键。

检查点： 在 iOS Simulator 中运行应用程序，确定一下所创建的场景是否令你满意。你应该能够在文本栏中点按，而且可以使用键盘输入字符串。