【问题标题】:iOS background image resolution: How to support all iOS devicesiOS背景图片分辨率:如何支持所有iOS设备
【发布时间】:2021-09-28 16:41:36
【问题描述】:

我们需要设置支持所有 iOS 设备的背景图片,包括最近推出的 iPhone 12 和 12 Pro Max 等设备。

现在我们正在使用以下分辨率的图片作为背景图片。

  • 640x1136 -> @2x
  • 750x1334 -> @2x
  • 1242x2208 -> @3x
  • 1080x1920 -> @3x

我们需要遵循任何命名约定来支持所有设备吗?

我找到了苹果文档,其中提到了我们可以使用的特定设备的所有分辨率。 https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/

在 Assets.xcassets 中如何设置@2x 和@3x 图片,因为有多个@2x 和@3x 图片基于不同的屏幕分辨率。

【问题讨论】:

  • 系统不会根据屏幕大小自动从一组图片中选择一张图片;如果需要,则需要自己编写代码。更简单的做法是拥有一张图片,并将内容模式设置为.aspectFill;在某些设备上会进行裁剪,但您无需维护不断增长的图像和代码列表即可在 Apple 发布新设备时选择它。
  • 欢迎来到 Stack Overflow。请使用tour 并查看How to Ask。这篇文章超出了这里的范围 - 这是一个设计问题,而不是一个编程问题。虽然有几个 cmets... 应用程序 design 不仅仅是不同尺寸的图像。您需要考虑您的整个应用 UI 在不同设备/屏幕尺寸上的外观,并设计一个能够适应正确的布局。

标签: ios swift iphone react-native


【解决方案1】:

使用矢量图像。 Apple 不支持 SVG,因此您最好的选择是使用 PDF。然后,您可以使用 .aspectFill 或任何其他设置将图像缩放到您认为合适的不同设备。

将文件导入资产后,您要选中“保留为矢量”框。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-20
    相关资源
    最近更新 更多