《精通iOS开发 第8版》: 选中Main.storyboard,在Interface Builder中编辑GUI界面。从库中拖出一个标签放置在主视图顶部,使之与顶部的蓝色引导线对齐。重新调整其大小,使之填满视图中左右两边引导线之问的整个宽度。然后选定此标签,打开特征检查器,找到Font控件,单击其中的小T图标,调出一个小的字体选器弹出框,点击Style弹出菜单并选择Bold字体使标签文本突出显示。接着使用特征检查器将文本改为居中对齐。根据需要,这里可以使用字体选择器加大字号。只要在特征检查器中将Autoshrink(自动收缩)设为Minimum Font Size,文本就会在太长不能适配时自动调整大小。放置好标签之后,按下鼠标右键,从文档略图或storyboard中的View Controller图标拖到此新标签上,然后选择localeLabel输出接口。 然后,在库中使用蓝色引导线将其他5个标签左对齐,上下依次放置,如罔22—2所示.双击顶部的标签,把其中的文本由Label更改为First。然后,我们对其他4个刚刚添加的标签重复此步骤,分别将标签文本设置为Second、Third、Fourth和Fifth。确认5个标签全部都对齐了左边缘的引导线。 从库中再拖出5个标签,这次采用有对齐方式。使用特征检查器将文本对齐方式更改为右对齐,并增加标签的宽度,使之从右边的蓝色引导线伸展至视图中部。接着,我们按下鼠标右键,从View Controller图标拖至5个新标签上,使它们依次连接到不同编号的标签输出接口。 从库中拖出一个图像视图放到视图底部,使之紧挨底部和左侧的蓝色引导线。在特征检查器中,我们在视图的Image属性中选择flag usa,调整图像大小使之在水平方向上位丁两条蓝色引导线之间,垂直方向上大约为用户界面高度的三分之一。然后,我们在特征检查器中将Mode特征由Center(居中)改为Aspect Fit(适配纵横比)。这样做是为了确保本地化版本的图片看起来合适,因为并非所有的国旗都有相同的纵横比。选择此选项会使图像视图调整它所显不的图像至合适大小,同时还可以维持正确的纵横比(高度对宽度)。接下来按住鼠标右键从视图控制器拖到这个图像视图并选择flagImageView输出接口。 为了完成用户界面,我们需要设置自动布局约束。首先是顶端的标签,按住鼠标右键从这里拖到文档略图中的其父视图上,按下Shift键并选择Leading Space to Container Margin、Trailing Space to Container Margin和Vertical Spacing to Top Layout Guide选项,然后按下Return键。 接下来固定这5行标签的位置。在文档略图中按住鼠标右键从内容为First的标签拖到其父视图上,同时选择Leading Space to Container Margin和Vertical Spacing to Top Layout Guide选项,然后按下Return键。按住鼠标右键从标签拖到同一行中右边的标签并选择Baseline,然后按住鼠标有键从右侧的标签拖到文档略图中的其父视图并选择Trailing Space to Container Margin选项。 现在已经固定了第一行的标签,对其他4行的标签也执行同样的操作。接着通过按住Shifi键并用鼠标依次点击来选择所有位于右侧的标签,然后点击Editor>Size to Fit Content菜单选项。最后清除这些标签的内容,因为我们将通过代码来对它们进行设定。 为了固定国旗的位置,按住鼠标右键从flag标签拖到文档略图中的其父视图上,选择Leading Space to Container Margin、Trailing Space to Container Margin和Vertical Spacingto Bottom Layout Guide选项,并按下Return键。在flag标签选中时点击Add New Constraints按钮,在弹出而板中勾选Height复选框,然后点击Add 1 Constraint按钮。你现在已经添加了所有需要的布局约束了。 保存storyboard文件。然后切换到ViewController.swift文件,将代码清单22—4中的代码添加到viewDidLoad()方法中。 ……