在Interface Builder中,如何正确调整此图像的大小以使其特定于设备?

时间:2015-01-16 17:50:56

标签: ios xcode interface-builder

我正在使用Auto Layout功能,我想知道是否可以针对不同的屏幕尺寸使用不同的图像尺寸。

这是我的Storyboard文件的样子。

img1

正如你所看到的,有一个人的形象。如何为每个屏幕尺寸保持图像比例的大小?让我解释一下。

在iPhone 4上“这个家伙的形象应该比iPhone 5.5上的小一点”。这甚至可能吗?

在iPhone 3.5上“图像应该看起来。在iPhone 4上”相同的图像应该看起来稍微大一点。在iPhone 4.7上,它应该看起来更大,依此类推。

设置约束无济于事,

请看下面的图片:

img2

有两个iPhone,两个设备上的图像应该看起来不同。在iPhone 4S上,图像应该看起来更小,以适应大灰点,而在iPhone 6 Plus上,家伙图像应该看起来更大,以充分利用其屏幕尺寸。

有什么办法吗?

谢谢你。

1 个答案:

答案 0 :(得分:1)

因此,您必须首先了解自动布局尺寸等级的内容。 AutoLayout 基本上可以帮助您放置UI元素。通过尺寸等级,您可以控制在不同屏幕尺寸上添加的约束。

您需要做的是为不同的屏幕设置不同版本的约束。您可以在助理编辑器(右侧面板)中查看选项。他们可以选择申请"所有规模的课程"或"此大小等级"。

最好先查看文档和WWDC视频。它有完整的解释:https://developer.apple.com/library/ios/recipes/xcode_help-IB_adaptive_sizes/chapters/EnablingAdaptiveSizeDesign.html