iphone - 新 iPhone 型号发布后的整页背景图像尺寸 (Xcode)

Question

这是您所知的 iPhone 分辨率；

• Iphone Xs Max 414x896 点 以 3x、1242x2688 像素渲染
• Iphone Xr 414x896 点以 2x、828x1792 像素渲染
• iPhone X，Xs 375x812 点。以 3x、1125x2436 像素渲染
• iPhone 6+、6s+、7+、8+ 414x716 点，以 3x、1242x2208 像素渲染
• iPhone 6、6s、7、8 375x667 点，以 2x 渲染，750x1334 像素

假设我想创建一个整页背景图像。您能确认 x、@2x 和 @3x 尺寸吗？

• @x 的尺寸是否为 375x667 像素？
• @2x 的分辨率是 750x1334 像素吗？
• 3 倍大小怎么样？ 1242x2688(@3x 尺寸的引用应该是 iPhone Xs Max？)

Answer 1

这是为不同屏幕尺寸(iPhone XS Max、iPhone XS、iPhone Xr)定义图像的非官方技巧。

我发现了一个窍门。在我的应用程序中，我们有所有 iPhone 设备的启动屏幕(参见屏幕截图)。

启动屏幕之后出现的下一个屏幕是登录。它应该具有与启动屏幕相同的图像。不幸的是，Xcode 在 Assets 中开箱即用地创建了以下图像集(iPhone 1x、2x、3、iPad 1x、2x - 请参阅图像)。

在从启动屏幕到登录屏幕的转换过程中，我看到了伪影，因为iPhone X、Xs Max、iPhone Xr上的图像拉伸(stretch)

为了解决此问题，我将 Contents.json 文件从 LaunchImage.launchimage 文件夹复制到 Finder< 中的 BackgroundImage.imageset 文件夹/strong> (参见下图中的步骤)

更新AppImages.xcassets/BackgroundImage.imageset/Contents.json 文件的内容:

{
  "images" : [
    {
      "idiom" : "iphone",
      "scale" : "1x"
    },
    {
      "idiom" : "iphone",
      "subtype" : "retina4",
      "scale" : "1x"
    },
    {
      "idiom" : "iphone",
      "filename" : "retina4640x960.png",
      "scale" : "2x"
    },
    {
      "idiom" : "iphone",
      "filename" : "retina4640x1136.png",
      "subtype" : "retina4",
      "scale" : "2x"
    },
    {
      "idiom" : "iphone",
      "filename" : "retina47750x1334.png",
      "subtype" : "667h",
      "scale" : "2x"
    },
    {
      "idiom" : "iphone",
      "filename" : "iPhoneXr828x1792.png",
      "subtype" : "1792h",
      "scale" : "2x"
    },
    {
      "idiom" : "iphone",
      "scale" : "3x"
    },
    {
      "idiom" : "iphone",
      "subtype" : "retina4",
      "scale" : "3x"
    },
    {
      "idiom" : "iphone",
      "filename" : "retina551242x2208.png",
      "subtype" : "736h",
      "scale" : "3x"
    },
    {
      "idiom" : "iphone",
      "filename" : "iPhoneX1125x2436.png",
      "subtype" : "2436h",
      "scale" : "3x"
    },
    {
      "idiom" : "iphone",
      "filename" : "iPhoneXSMax1242x2688.png",
      "subtype" : "2688h",
      "scale" : "3x"
    },
    {
      "idiom" : "ipad",
      "filename" : "ipad1024x768.png",
      "scale" : "1x"
    },
    {
      "idiom" : "ipad",
      "filename" : "ipad2048x1536.png",
      "scale" : "2x"
    }
  ],
  "info" : {
    "version" : 1,
    "author" : "xcode"
  }
}

现在在 Xcode 中我看到以下模板。我可以为以下设备定义背景图像 Retina HD 4.7"(iPhone 6, iPhone 7, iPhone 8), Retina HD 5.5"(iPhone 6 Plus, iPhone 7 Plus, iPhone 8 Plus), iPhone Xr, iPhone X/iPhone Xs , iPhone Xs Max