书中的 Stack View 示例 "Beginning iOS 9 Programming with Swift"

Stack View example from the book "Beginning iOS 9 Programming with Swift"

所以我按照第 6 章的教科书说明(从 ios 9 编程 swift 开始)学习 Swift 中的 Stack View。但是,我无法使示例正常工作。该图像在任何版本的模拟器中都无法正确显示。所以这是一个具有两个约束的垂直堆栈视图,"vertical spacing to top layout guide" 和 "center horizontally in container".

有没有解决的建议或类似问题?

谢谢!

以下是错误图片和正确图片:

首先,把你的wardrobe标签用这个设置,我把字号设置为40,你可以自定义你想要的方式。

第二个,像这样获取另一个标签:

同样,您可以自定义标签的设置

接下来,把两者的宽度设置成一样的,这样就变成了这样:

太棒了,是时候介绍游戏玩家了,Stack View: 单击主情节提要中的按钮(见下文)

接下来,单击您的一个标签并按住命令,然后 select 另一个标签。 (两个标签应该 select 在一起)。接下来,单击故事板中的此按钮: 您的堆栈视图应如下所示:

现在,要调整图像大小,勾选 select 宽度和高度并输入所需的值,然后单击添加约束:

现在,转到您的视图层次结构并单击添加缺少的约束,您就完成了!

应该说,没有像这样的布局问题

更新:解决跨不同配置的自动布局问题:

Select 你的 stackView 是这样的:

接下来,勾选Horizo​​ntally in container然后添加1个约束

最后,转到查看层次结构并单击修复错位。那应该对所有内容进行排序

最终预览