Cordova - 启动画面

此插件用于在应用程序启动时显示启动画面。

步骤 1 - 安装启动画面插件

可在命令提示符窗口中通过运行以下代码安装启动画面插件。

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-splashscreen

步骤 2 - 添加启动画面

添加启动画面与添加其他 Cordova 插件有所不同。我们需要打开config.xml，并在widget元素中添加以下代码片段。

第一个代码片段是SplashScreen。它具有value属性，该属性是platform/android/res/drawable- 文件夹中图像的名称。Cordova 提供我们在此示例中使用的默认screen.png图像，但你可能希望添加你自己的图像。重要的是为纵向和横向视图添加图像，还要涵盖不同的屏幕尺寸。

<preference name = "SplashScreen" value = "screen" />

我们需要添加的第二个片段是SplashScreenDelay。我们设置value为3000，以便在三秒后隐藏启动画面。

<preference name = "SplashScreenDelay" value = "3000" />

最后一个首选项是可选的。如果将值设为true，则不会拉伸图像以适应屏幕。如果设为false，则会拉伸图像。

<preference name = "SplashMaintainAspectRatio" value = "true" />

现在，当我们运行应用程序时，我们将看到启动画面。