11、iOS用户界面构建与文本字段设置全攻略

iOS用户界面构建与文本字段设置全攻略

1. 可拉伸区域设置

在界面设计中，可通过四个浮点值来声明矩形的可拉伸部分。这些值需指定视图左上角的点以及可拉伸区域的大小，取值范围在0.0到1.0之间，代表整体视图大小的一部分。例如，若想让每条边的10%不可拉伸，可将X和Y设为0.1，宽度和高度设为0.8。通常情况下，会使用默认值，即X和Y为0.0，宽度和高度为1.0。

2. 添加文本字段

2.1 第一个文本字段

完成图像视图后，接下来添加文本字段。操作步骤如下：
1. 从库中拖出一个文本字段到视图中，置于图像视图下方。
2. 利用蓝色引导线将其与右边距对齐，使其紧贴图像视图。

当文本字段靠近图像视图底部时，上方会出现水平蓝色引导线，它指示拖动对象与相邻对象的最小合理距离。为使界面更平衡，可将文本字段再向下移动一点。而且，可随时使用Interface Builder编辑GUI，调整界面元素的位置和大小，无需更改代码或重新建立连接。

2.2 第一个标签

添加完文本字段后，添加标签：
1. 从库中拖出一个标签，使其与视图左边距对齐，并与之前放置的文本字段垂直对齐。
2. 移动标签时，会出现多条蓝色引导线，可利用标签的顶部、底部或中间进行对齐，这里选择使用基线对齐。
3. 双击刚放下的标签，将其内容改为“Name:”，然后按回车键确认更改。

2.3 第二个文本字段和标签

按照以下步骤添加第二个文本字段和标签：
1. 从库中拖出另一个文本字段到视图中，使用引导线将其放置在第一个文本字段下方。