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

Required Resolution Graphics for Storyboard Design iOS

提问人：Siddharth 提问时间：3/13/2018 最后编辑：Siddharth 更新时间：3/13/2018 访问量：308

问：

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

请查看此参考图片：enter image description here

目前，我已将iPhoneSE视为基本视图，因为我的图形@1x以此分辨率存在。但是当我将图像加载到 UIImageView 中时，与要求相比，它看起来太大了。

那么，我需要为这次更正做哪些更改呢？ 还向我提供一些有关资源的建议，我需要用于处理多种iPhone尺寸。

编辑：

当我尝试调整 UIImageView 的大小时 - 它会从各个方面被剪切：

enter image description here

iOS iPhone Xcode UIImageView UISTORYBOARD

评论

1赞 Nauman Malik 3/13/2018
在上面的SS中，似乎你的图片比imageview大，根据imageview大小调整图片大小
0赞 Siddharth 3/13/2018
我要求故事板 iPhoneSE 不遵循相同的分辨率，因为我以完全相同的分辨率设计它。但是在放置之后，我意识到故事板跟随可能是一半的分辨率。
0赞 Nauman Malik 3/13/2018
在这种情况下，您必须对其应用约束。

答：

1赞 Mr.Javed Multani 3/13/2018 #1

阅读后可以更清晰：有一些东西要理解。通过创建 2 倍和 3 倍图像，您不能期望每个 iPhone 屏幕的布局完全相同。布局因屏幕而异。1x、2x 和 3x 图像尺寸仅处理屏幕的像素密度。

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

enter image description here

如果图像大小为 100 * 100

@1x -> 100 * 100

@2x -> 200 * 200

@3x -> 300 * 300

enter image description here

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

您也可以这样做：

实现此目的的最佳方法是使用其他答案所指向的“资产管理器”，并使用“矢量”图像。PDF 图像是矢量的，“Adobe Photoshop”和“Adobe Illustrator”都允许您“另存为...”PDF格式。所以：

enter image description here

评论

0赞 Siddharth 3/13/2018
那么我是否需要加载半尺寸的图形进行应用程序？目前它看起来像双倍大小。
0赞 Mr.Javed Multani 3/13/2018
是的，您必须减小宽度并设置图像，使其布局正确。在资产中提供所有 1x、2x 和 3x 图像。
0赞 Siddharth 3/13/2018
我正在投票给你的答案，因为许多概念在这:)之后被清除了
0赞 Mr.Javed Multani 3/13/2018
非常感谢@Siddharth
1赞 Mr.Javed Multani 3/13/2018
这可能有助于您： roadfiresoftware.com/2015/04/... @Siddharth
1赞 Nauman Malik 3/13/2018 #2

选择您的常规设备并对其应用适当的约束或使用自动调整大小选项，如下所示

enter image description here

评论

0赞 Siddharth 3/13/2018
请在调整UIImageView大小后检查我编辑的问题。
0赞 Siddharth 3/13/2018
我也对你的答案投了赞成票，因为内容模式的改变对我有用:)

上一个：使用 swift 检查从图库中选择的 uiimage 模式

下一个：iPad 2 UIImageview 错误地显示图像（渲染不正确）