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" />

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

Cordova 启动画面