如何添加iPhoneX启动映像

Chr*_*rri 25 xcode ios iphone-x

使用Xcode版本9.0(9A235),我试图在请求的2436px×1125px(横向)上添加iPhoneX的启动图像.目前我正在使用Storyboard,它看起来像这样:

在此输入图像描述

'launchimage'是链接到图像集的图像视图:

在此输入图像描述

图像集如下:

在此输入图像描述

我获得iPhoneX大小图像的唯一地方是启动图像集:

在此输入图像描述

但是当我尝试在故事板上的图像视图中选择启动图像时,无法选择它:

在此输入图像描述

有关如何为iPhoneX添加正确尺寸的启动图像的任何帮助,还是回到启动图像?我更喜欢正确尺寸的图像,而不是拉伸的图像.

更新:

我想解释为什么我希望图像与每个像素完全相同的像素.遵循https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/launch-screen/中的指南,我的启动映像是应用程序第一页的静态版本.如果拉伸启动图像,则从启动图像到第一页有明显的切换.哪种方式违背了准则的目标.Apple建议使用故事板发布,但如果你这样做,似乎你不能遵循他们的指导方针.典型的,真的.

Sto*_*ull 39

如果你使用了LaunchImage.launchimage启动,解决方案是(在Xcdoe 9.0中):

  1. 选择Assets.xcassets,右键单击中间窗格,选择App Icons & launch Images- > New iOS Launch Image.然后将旧LaunchImage.launchimage图像移动到新图像,并1125×2436 px为iPhoneX 添加图像大小. 在此输入图像描述 在此输入图像描述

  2. 此外,您可以用下列JSON对象添加到Contents.json文件,该文件在LaunchImage.launchimage您的旧project.Once的Xcode文件夹刷新,只是下降的1125×2436px图像.如果您需要横向,可以添加另一个方向.

	{
      "extent" : "full-screen",
      "idiom" : "iphone",
      "subtype" : "2436h",
      "minimum-system-version" : "11.0",
      "orientation" : "portrait",
      "scale" : "3x"
    }
Run Code Online (Sandbox Code Playgroud)

  • 我已经读了100篇关于iphone X布局的文章,这是解决我问题的唯一答案 (2认同)

Gle*_*enn 19

对于像我这样拥有旧版本launchimage(没有iPhoneX版本)的现有项目的2018年懒人开发者,这是我支持iPhone X的解决方案 - 这是一个适合你的快捷方式.

  1. 在Xcode中打开Assets.xcassets.
  2. 右键单击LanchImage,然后选择Show In Finder.
  3. 打开Contents.json
  4. 将以下代码粘贴到"images"数组中.
 {
  "extent" : "full-screen",
  "idiom" : "iphone",
  "subtype" : "2436h",
  "filename" : "ipxportrait.png",
  "minimum-system-version" : "11.0",
  "orientation" : "portrait",
  "scale" : "3x"
},
{
  "extent" : "full-screen",
  "idiom" : "iphone",
  "subtype" : "2436h",
  "filename" : "ipxlandscape.png",
  "minimum-system-version" : "11.0",
  "orientation" : "landscape",
  "scale" : "3x"
},
Run Code Online (Sandbox Code Playgroud)

用适当的图像替换文件名.瞧!


jon*_*ren 15

如果我理解正确,您使用故事板作为具有图像视图的启动屏幕,对吧?

如果是这样,在启动屏幕故事板中选择以iPhone X查看:

在此输入图像描述

然后添加您的图像视图,使其填充整个区域,如下所示:

在此输入图像描述

并将其固定到超级视图,常量为0.选择iPhone X时,这一点非常重要,因为否则您可能会选择顶级布局指南,这是您不想要的,因为它会让您留下空白.最佳.

你的constaints应该是这样的(固定到Superview):

在此输入图像描述


Chr*_*rri 2

使用 Xcode 版本 9.1 (9B55),感谢上面的答案(尤其是 Stoull),但我的体验略有不同。我最初的问题基本上是:“如何获取与第一个游戏场景的背景相匹配的启动图像(在故事板或 LaunchImage 中),而不会在所有分辨率上出现重新缩放的问题?”

我已经解决了这个问题,并且使用 LaunchImage 可以正常工作。然而,也有一些并发症。

将 LaunchImage 添加到 Assets 文件夹中,然后在项目设置中指定它:

在此输入图像描述

那么你会期望这样做:

在此输入图像描述

导致:

在此输入图像描述

但在构建时你会收到警告:

在此输入图像描述

所以你需要这个作为 LaunchImage:

在此输入图像描述

导致:

在此输入图像描述

并且没有任何警告......并且 LaunchImage 适用于所有 iPhone/iPad。

图像尺寸为:

iPhoneX(iPhone X 横向 iOS 11+):2436 x 1125

视网膜高清 5.5 英寸(iPhone 横向 iOS 8,9):2208 x 1242

2x(iPhone 肖像 iOS 7-9):640 x 960

Retina4(iPhone 肖像 iOS 7-9):640 x 1136

1x(iPad 横向 iOS 7-9):1024 x 768

2x(iPad 横向 iOS 7-9):2048 x 1536

该系统显然很混乱,需要苹果进行适当的改造。