如何在iOS应用程序中添加启动画面

它向用户显示他们打开了正确的应用程序，并且是炫耀应用程序徽标的很好的借口。

初始屏幕在许多方面都非常有用，可以改善用户体验并增强移动应用程序品牌。

启动屏幕是您打开移动应用程序几秒钟后会看到的东西。

因此，如果您有iOS应用，则也可以考虑添加启动画面。

根据Apple的说法，启动画面还可能给用户留下该应用程序快速且响应Swift的印象 。

确保您已关注我们先前发布的有关以下内容的文章：

在我们的Cordova系列教程中，我们将向您展示如何创建启动画面。

• 为Cordova设置移动开发项目，
• 使用jQuery Mobile构建了一个基本的UI ，并且
• 添加应用程序图标 。

入门

有关详情，请参见下表。

作为示例，我们将需要三种图像尺寸；

类似于添加应用程序图标，启动屏幕图像大小将根据应用程序支持的iOS版本而有所不同。

首先，我们将看到创建启动画面所需的尺寸。

因此，我们可以看到iOS 7仅需要最大的图像尺寸：640×960和640×1136，它将用于屏幕尺寸为4英寸的iPhone 5和5c。

由于在此表中，我们假定iOS 7仅安装在具有Retina显示屏的iPhone中。

通过在支持的iOS版本中校准图像大小来简化此表。

将图像另存为PNG，并按照以下约定命名。

您可以*使用熟悉的任何应用程序来创建图像。

一旦确定了尺寸，就可以开始创建Spalsh屏幕图像。

遵循此约定将避免我们在Xcode中进行多余的设置，以便它查找自定义的文件名。

这些是Cordova和Xcode用来拾取启动画面图像的标准文件名。

这是我用Photoshop创建的飞溅图像。

添加启动画面

该应用程序将在iPhone Simulator中启动，您应该看到闪屏显示了几秒钟，然后我们完全进入该应用程序。

在Xcode中，通过单击“播放”按钮编译应用程序；

为此，请将图像移动到以下文件夹： {TheProjectDirectory}/platforms/ios/{TheAppName}/Resources/splash 。

现在，是时候将启动画面图像添加到我们的应用程序了。

最终思想

我们的应用程序即将完成，我们现在非常接近完成并启动我们的应用程序。

总而言之，我们现在有了应用程序内容（尽管它是虚拟内容），在右侧带有滑动面板ala Facebook的两个菜单导航中，我们还添加了图标，最后在这里我们仅添加了启动画面。

敬请关注。

因此，在我们的下一篇文章中，我们将介绍如何使用Phonegap将应用程序编译成可分发的应用程序。

翻译自: https://www.hongkiat.com/blog/cordova-ios-splash-screen/