行为与启动图像完全相同的启动屏幕

Question

In order to get iPad Pro to use full resolution at launch, we have to use a Launch Screen File.

我以前从未使用过 Launch Screen XIB/Storyboard，因为我的应用向后兼容 iOS 7。通常我使用 LaunchImage asset catalog 为每个设备尺寸和启动方向定义特定的静态图像。

现在我正在尝试定义一个类似于 LaunchImage 资产目录的启动屏幕文件，但我很难做到。特别是：

1) 我没有看到根据设备的确切尺寸选择不同 UIImage 的好方法，例如向 iPhone 4S 用户显示一张图像，向 iPhone 5 用户显示另一张图像。

2) 我看不到为 iPad 纵向和 iPad 横向视图选择不同 UIImage 的方法。大小类似乎认为 iPad Portrait 和 iPad Landscape 都是“常规”宽度和“常规”高度，因此任何会显示在 iPad Portrait 上的 UIImage 也会出现在 iPad Landscape 中。

Answer 1

另一种方法是使用间隔视图，将正确的图像定位在可见区域并将另一个图像移出屏幕（请参阅我对类似问题 here 的原始答案）。

您不能为不同的屏幕尺寸（iPhone 4、iPhone X 等）提供不同的图像，但如果您想要 iPhone 和 iPad 的不同图像和 不同的图像纵向和横向此解决方案适合您。

如果您想尝试一下，我创建了一个example project on github。 它适用于 iPad 和 iPhone。

重要的约束是

PortraitSpacer.width ≤ 5 × view.width
PortraitSpacer.width ≤ 5 × view.height

LandscapeSpacer.width ≥ 5 × view.width
LandscapeSpacer.width ≥ 5 × view.height

PositionSpacer.width = 5 × view.width

其中view.width 和view.height 是主视图的宽度和高度。

PortraitSpacer 将纵向图像定位在5 × min(view.width, view.height)， LandscapeSpacer 将横向图像定位在 5 × max(view.width, view.height)， PositionSpacer 在纵向模式下与PortraitSpacer 的宽度相同，在横向模式下与LandscapeSpacer 的宽度相同。

我们将所有内容乘以 5，这样两个图像就不会重叠。这适用于满足以下条件的所有设备

5 × min(view.width, view.height) + max(view.width, view.height) ≤ 5 × max(view.width, view.height)

在横向模式下，这意味着

5 / 4 ≤ view.width / view.height

目前所有设备都是如此：iPad 的纵横比最低，为 4:3，但仍大于 5:4。

您当然可以在资产目录中为每个设备（iPhone、iPad）配置图像。

Answer 2

这是一个可以工作的iPad解决方案，

对于 iPhone，您可以使用尺寸等级，我不会在此处发布该解决方案。

解决方案是将初始屏幕图像分解为组件，并使用约束来处理纵向和横向的图像。

这是我如何做到的一个例子。

为 iPad 创建一个启动故事板

UILaunchStoryboardName~ipad (UILaunchStoryboardName~iphone)

在我的情况下以 2048x1536 拍摄你的风景图片

我拍了风景图，一分为三

1. 中心 1536x1536
2. 左 256x1536
3. 右 256x1536

在启动故事板上，我创建了 3 个具有以下约束的图像视图

中心片：

• 固定到顶部和底部，
• 在superview中居中，
• 保持纵横比

左右棋子：

• 0 尾随/前导到中心，
• 顶部对齐，
• 等高

然后对于左右视图的模式，我将其从外观填充更改为右下角和左下角（对我来说效果最好）

我知道这对于应该很简单的事情来说似乎有点过头了。我使用启动故事板而不是启动图像的原因是为了减少应用程序的大小。我需要更少的启动图像，我可以使用 jpeg 而不是 png

Answer 3

您可以使用 Size Classes 为不同的屏幕尺寸指定不同的图像，但这无助于您处理 iPhone 4S 和 iPhone 5 屏幕的情况

Answer 4

系统在启动应用程序之前加载启动文件，这对其可以包含的内容产生了一些限制（其中一些可能会迫使您返回静态图像文件）：

1.应用尚未加载，因此视图层次结构不存在，系统无法调用您在应用中可能拥有的任何自定义视图控制器设置代码（例如 viewDidLoad）

2.您只能使用标准的 UIKit 类，因此您可以使用 UIView 或 UIViewController 但不能使用自定义子类。如果您尝试设置自定义类，您将在 Xcode 中收到 Illegal Configuration 错误。

3.launch文件只能使用UIImageView、UILabel等基本的UIKit视图。你不能使用 UIWebView。

4.如果您使用情节提要，您可以指定多个视图控制器，但也有一些限制。例如，您可以在导航或标签栏控制器中嵌入视图控制器，但更复杂的容器类（例如 UISplitViewController）不起作用（至少目前还不起作用）。

5.本地化启动文件目前似乎没有任何效果。始终使用基本本地化，因此您可能希望避免在启动屏幕上显示文本。

6.您不能为 iPad 和 iPhone 指定不同的启动文件。如果您对这些设备有显着不同的界面，这可能是个问题，因为您只能使用自动布局和尺寸类做很多事情。

请注意，如果您要部署到 iOS 7，您仍然需要包含静态启动图像文件。您可以同时包含启动映像文件和静态启动映像。运行 iOS 8 的 iPhone 6 等设备将使用启动图像文件，而 iOS 7 设备将回退到启动图像。

Answer 5

1. 首先创建所有图像。然后，打开您的资产目录并右键单击 -> App Icons & Launch Images -> New iOS Launch Image。这将创建一个文件以将所有文件拖入其中。去做。将资产命名为“启动”。

2. 使用 command-n 创建一个新的启动屏幕故事板。选择 iOS -> 用户界面 -> 启动屏幕。将文件称为“启动屏幕”。

3. 在您的启动屏幕故事板中，选择视图控制器的视图

[.

4. 从右侧ba下角的对象库中找到UIImageView占位符，并将其拖到启动屏幕视图中。

5. 现在，在情节提要中选择图像视图，然后输入资产目录中的图像名称。

6. 控制从 UIImageView 拖动到它的容器视图来设置自动布局约束如下：

1. 可选...如果您希望它在故事板中看起来不错，请选择视图并执行 option-cmd-= 以更新 UIImageView 的框架。

2. 转到您的 info.plist，然后输入故事板的名称（“启动 Screen") 键为“启动屏幕界面文件基本名称”

3. 清理并运行。

希望对您有所帮助，并且我没有忘记任何事情！