匈牙利网站后缀/郑州竞价托管代运营
启动屏幕是您打开移动应用程序几秒钟后会看到的东西。 闪屏在许多方面都非常有用,可以改善用户体验并增强移动应用程序品牌。 它向用户显示他们打开了正确的应用程序,并且是炫耀应用程序徽标的很好的借口。
根据Apple的说法,启动画面还可能给用户留下该应用程序快速且响应Swift的印象 。 因此,如果您有iOS应用,则也可以考虑添加启动画面。
在Cordova系列的本教程中,我们将向您展示如何创建启动画面。 确保您已关注我们先前发布的有关以下内容的文章:
- 为Cordova设置移动开发项目,
- 使用jQuery Mobile构建基本的UI ,以及
- 添加应用程序图标 。
入门
首先,我们将看到创建启动画面所需的尺寸。 与添加应用程序图标类似,启动屏幕图像大小将根据应用程序支持的iOS版本而有所不同。 作为此处的示例,我们将需要三种图像尺寸; 有关详情,请参见下表。
尺寸/平台 | iOS 6.x | iOS 7.x |
---|---|---|
320×480 | ✔ | |
640×960 | ✔ | ✔ |
640×1136 | ✔ | ✔ |
通过在支持的iOS版本中校准图像大小来简化此表。 由于在此表中,我们假定iOS 7仅安装在具有Retina显示屏的iPhone中。 因此,我们可以看到iOS 7仅需要最大的图像尺寸:640×960和640×1136,它将用于屏幕尺寸为4英寸的iPhone 5和5c。
一旦确定了尺寸,就可以开始创建Spalsh屏幕图像。 您可以自由使用熟悉的任何应用程序来创建图像。 将图像另存为PNG,并按照以下约定命名。
这些是Cordova和Xcode用来拾取启动画面图像的标准文件名。 遵循此约定将避免我们在Xcode中进行多余的设置,以便它查找自定义的文件名。
这是我用Photoshop创建的飞溅图像。
添加启动画面
现在,是时候将启动画面图像添加到我们的应用程序了。 为此,请将图像移动到以下文件夹: {TheProjectDirectory}/platforms/ios/{TheAppName}/Resources/splash
。 在Xcode中,通过单击“播放”按钮来编译应用; 该应用程序将在iPhone Simulator中启动,您应该看到启动屏幕显示了几秒钟,然后我们完全进入该应用程序。
最终思想
总而言之,我们现在有了应用程序内容(尽管它是虚拟内容),在右侧带有滑动面板ala Facebook的两个菜单导航中,我们还添加了图标,最后在这里我们仅添加了启动画面。 我们的应用程序即将完成,我们现在非常接近完成并启动我们的应用程序。
因此,在下一篇文章中,我们将介绍如何使用Phonegap将我们的应用编译为可分发的应用。 敬请关注。
翻译自: https://www.hongkiat.com/blog/cordova-ios-splash-screen/