11、打造更有趣的用户界面：文本字段与约束设置全攻略

打造更有趣的用户界面：文本字段与约束设置全攻略

1. 可拉伸区域设置

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

2. 添加文本字段

• 第一个文本字段 ：从对象库中抓取一个文本字段，拖到视图中图像视图的下方。利用蓝色引导线将其与右边距对齐，使其紧贴图像视图下方。当文本字段靠近图像视图底部时，上方会出现一条水平蓝色引导线，它指示了拖动对象与相邻对象的最小合理距离。为使界面更平衡，可先将文本字段向下移动一点，再移向右边的引导线。
• 第一个标签 ：从库中抓取一个标签，拖到视图中，使其与视图左边距对齐，并与之前放置的文本字段垂直对齐。移动标签时会弹出多条蓝色引导线，可利用标签的顶部、底部或中间进行对齐，这里使用基线对齐。双击标签，将其内容改为“Name:”，然后按回车键确认更改。
• 第二个文本字段 ：从库中再拖一个文本字段到视图中，使用引导线将其放置在第一个文本字段的下方。
• 第二个标签 ：从库中抓取另一个标签，放在现有标签的下方左侧。同样使用中间的蓝色引导线将新标签与第二个文本字段对齐。双击新标签，将其内容改为“Number:”。