Xcode6 如何使用自动布局调整故事板图像的大小?

Xcode6 如何使用自动布局调整故事板图像的大小?,xcode6,xcode-storyboard,Xcode6,Xcode Storyboard,我正在使用Sketch创建将在Xcode 6自动布局故事板中使用的图像。然而,我不能得到正确的图像大小。它们总是显得太大,并溢出情节提要视图控制器。在Xcode中有没有一种方法可以查看情节提要所期望的维度?是否有一种系统化的方法来做到这一点……而不是反复试验?故事板,特别是在自动布局模式下,不需要任何尺寸–尺寸将取决于设备屏幕(实际上)或模拟指标(在Xcode的Interface Builder中) 重要的是纵横比和三个资源文件(三种大小——常规、2x和3x)的存在 您可以在此处看到尺寸列表:

我正在使用Sketch创建将在Xcode 6自动布局故事板中使用的图像。然而,我不能得到正确的图像大小。它们总是显得太大,并溢出情节提要视图控制器。在Xcode中有没有一种方法可以查看情节提要所期望的维度?是否有一种系统化的方法来做到这一点……而不是反复试验?

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

重要的是纵横比和三个资源文件(三种大小——常规、2x和3x)的存在

您可以在此处看到尺寸列表:

因此,假设您想插入一个占据整个屏幕宽度的图像,并且自动选择高度以保持纵横比。你能做的是:

  • 在草图中创建宽度为320、750和1242像素的图像。将它们另存为image.png,image@2x.png, image@3x.png.
  • 在界面生成器(故事板)中插入图像,添加宽度约束–与superview相等,而不是高度约束–保持纵横比
  • 如果图像看起来太大,界面生成器会抱怨预览图像与约束不匹配,您会看到一个小黄色箭头。单击它,选择警告并再次单击–Xcode将为您提供“更新帧”。这将在必要时正确调整图像大小。不要忘记为您的图像选择正确的缩放模式(Aspect fit?)

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

    真棒的回答。谢谢