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

前端之家收集整理的这篇文章主要介绍了xcode6 – 如何使用自动布局调整故事板的图像大小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Sketch来创建将在我的 Xcode 6自动布局故事板中使用的图像.但是我无法确保图像尺寸正确.它们总是显得太大并且溢出故事板视图控制器.在Xcode中有没有办法看到故事板所期望的尺寸?有没有系统的方法来做到这一点……而不是反复试验?

解决方法

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

重要的是宽高比和三个资源文件的存在(三种尺寸 – 常规,2x和3x).

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

因此,假设您要插入占据屏幕整个宽度的图像,并自动选择高度以保持纵横比.你能做什么:

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

此外,您可以在“度量标准”选项卡中查看模拟屏幕的当前宽度和高度.但是每次更改预览(模拟)设备类型时,这些都会改变.

猜你在找的iOS相关文章