如何使用自动布局为情节提要板调整图像大小？

情节提要，尤其是在自动布局模式下，不需要任何尺寸-尺寸将取决于设备屏幕（实际上）或模拟指标（在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）中插入图像，添加宽度限制-等于超级视图，而不是高度限制-保持宽高比。
3. 如果图像看起来太大，Interface Builder将抱怨预览图像与约束不匹配，您将看到一个黄色的小箭头。单击它，选择警告，然后再次单击– Xcode将为您提供“更新框架”。如有必要，可以正确调整图像大小。不要忘记为您的图像选择正确的缩放模式（高宽比？）。

此外，您可以在“度量”选项卡中看到模拟屏幕的当前宽度和高度。但是，每当您更改预览（模拟）设备类型时，这些更改都会更改。