管理iPhone 5和iPhone 6图像大小

Question

我是编程和Xcode的新手，并且在为iPhone 5和iPhone 6设置图像尺寸方面苦苦挣扎。显然iPhone 5和6都使用@ 2x图像，而6+使用@ 3x图像。因此我可以完美地设计6+，但是由于iPhone 5和6都使用相同的图像并且它们具有不同的屏幕尺寸/分辨率，因此mu屏幕设计受到影响。

如果按照iPhone 6尺寸设计图像，iPhone 5上的图像显得太大，如果我将它们设计为iPhone 5，那么它们在iPhone 6上看起来太小了。这应该很简单，我想念的是什么？

请帮忙！

Answer 1

您应该在Images.xcassets中为它们创建条目，而不是直接使用图像。在Project Navigator中选择它。

然后将图像的@ 3x或@ 2x版本从images文件夹拖放到Images.xcassets窗口中的图像列表中。这将自动生成一个新条目。然后将另一个（@ 2x或@ 3x）图像拖动到正确的位置。最终会看起来像这样。

完成后，您可以在UIImageView中使用它，或者将图像用作按钮或故事板中的任何内容，只使用不带@ 2x或@ 3x的名称。

现在最后回答你的问题。您应该使用故事板中的约束处理所有图像大小。因此，例如，如果您想在图像的任一侧使用相同的边距，则会在包含图像的UIImageView的大小和Superview的边缘之间创建约束。这样，图像将针对每个新屏幕调整大小。

编辑添加请注意Constrain to margins复选框，因为您希望与其一致使用，否则您将获得您没有计划的行为。我总是取消选中它并将我的约束条件转到superview边缘，但只要你在你的应用程序中保持一致就不会有问题。