xcode6 - 如何使用自动布局调整 Storyboard图像的大小？

Question

我正在使用 Sketch 创建将在我的 Xcode 6 自动布局 Storyboard中使用的图像。但是我无法获得正确的图像尺寸。它们总是显得太大并溢出 Storyboard View Controller 。 Xcode 中有没有办法查看 Storyboard期望的尺寸？有没有一种系统的方法来做到这一点......而不是反复试验？

Answer 1

Storyboard，特别是在自动布局模式下，不需要任何尺寸 - 尺寸将取决于设备屏幕(实际上)或模拟指标(在 Xcode 的 Interface Builder 中)。

重要的是宽高比和三个资源文件的存在(三种大小 - 常规、2x 和 3x)。

您可以在此处查看维度列表: http://www.paintcodeapp.com/news/iphone-6-screens-demystified

因此，假设您要插入一个占据屏幕整个宽度的图像，并且自动选择高度以保持宽高比。你可以做什么:

1. 在 Sketch 中创建宽度为 320、750 和 1242 像素的图像。将它们另存为 image.png、image@2x.png、image@3x.png。
2. 在 Interface Builder( Storyboard)中插入图像，添加宽度约束 - 与 super View 相同，而不是高度约束 - 保持宽高比。
3. 如果图像看起来太大，Interface Builder 会提示预览图像与约束不匹配，您会看到一个黄色的小箭头。单击它，选择警告并再次单击 – Xcode 将为您提供“更新框架”。如有必要，这将正确调整图像大小。不要忘记为您的图像选择正确的缩放模式(宽高比？)。

此外，您可以在 Metrics 选项卡中查看模拟屏幕的当前宽度和高度。但每次您更改预览(模拟)设备类型时，这些都会发生变化。