如何使用Xcode AutoLayout调整图像大小?

时间:2015-01-22 13:05:58

标签: ios xcode autolayout

我正在尝试为我的应用设计一个主屏幕。我首先在Photoshop上设计元素并尝试将它们放在我的故事板上。然而很快我意识到我有一个问题。

我从Photoshop剪切的图片大小在Storyboard预览中看起来很大。我应该如何剪切下面的图片,以便在所有iPhone尺寸上布局和看起来都很好?我熟悉汽车布局。但是,如果我选择调整每个图标的大小,我不知道尺寸或比例应该是多少。

这是我的原型图片。对不起,我不能排队,因为我没有足够的声誉。 http://i.stack.imgur.com/4gop1.jpg

2 个答案:

答案 0 :(得分:1)

启用AutoLayout以使用大小类并充分利用其强大的功能。

img0

iPhone和iPad使用不同大小的类。您将能够专门选择尺寸等级并对其应用更改。

例如,如果你想在iPhone上专门使用UIImage,你应该起诉compactWidth / RegularHeight类。

img2

如果您想在每台设备上放置图像,请使用AnyWidth / AnyHeight类。

了解有关AutoLayout here的更多信息。

答案 1 :(得分:0)

请务必在设备上进行测试。就在昨天,我认为我也需要调整大小,但当我将应用程序加载到实际的iPad时,图像恰好在应用约束后水平和垂直居中图像。

之后我遇到了一些问题,正确地将另一张图像与第一张图像成比例放置。我的解决方案只是让它们成为一个图像而不是两个。通过使用cmd + C从Xcode复制第二个图像并使用cmd + V将其复制到预览中的第一个图像,可以快速完成此操作。

对于简单的情况,这可能比试图正确找出布局更容易。