故事板设计所需的分辨率图形 iOS

Required Resolution Graphics for Storyboard Design iOS

在努力创建支持多种分辨率的屏幕后,我无法成功决定我需要为@1x、@2x 和@3x 尺寸使用什么分辨率的图形。 因为在情节提要中,设备也没有以精确的屏幕尺寸分辨率显示,可能是半宽和半高 运行。 所以也请澄清一下。

请检查此参考图片:

目前我已经将iPhoneSE作为基本视图,因为我的图形@1x存在于这个分辨率中。但是当我将图像加载到 UIImageView 时,它看起来比要求的要大。

那么我需要为这个更正做些什么改变呢? 还给我一些关于资源的建议,我需要使用它来处理多个 iPhone 大小。

编辑:

当我尝试调整 UIImageView 大小时 - 它被四面八方截断:

看完你会更清楚: 有件事要明白。通过创建 2x 和 3x 图像,您不能期望每个 iPhone 屏幕的布局完全相同。布局将因屏幕而异。 1x、2x 和 3x 图像尺寸仅处理屏幕的像素密度。

假设您有一张 320 * 70 的图像并且您正在创建

如果图片大小为100 * 100

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

参考:https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/image-size-and-resolution/

你也可以这样做:

实现此目的的最佳方法是使用其他答案所指出的 "Asset Manager",并使用 "Vector" 图像。 PDF 图像是矢量,"Adobe Photoshop" 和 "Adobe Illustrator" 都允许您 "Save as..." PDF。所以:

Select 您的常规设备并对其应用适当的约束或使用这样的自动调整选项