Cordova 插件启动画面

启动画面通常包含图像、徽标和软件的当前版本，它通常在启动任何应用程序时显示。 Microsoft Access 也会在显示数据库之前显示启动画面。 它是应用程序的一个介绍页面，可以覆盖整个屏幕。 它用于通知用户程序正在加载。 此外，并非所有图像文件格式都支持所有平台。

要使用启动画面，您需要使用 启动画面插件。 此插件用于在应用程序启动时显示和隐藏启动画面。 此插件受各种平台支持，例如 Windows、iOS、Android 和 Browser。

安装

要为您的应用程序安装 Cordova 启动画面插件，您需要键入以下命令

您必须按照以下步骤将此插件添加到您的应用程序中

• 首先，您必须在您的特定应用程序文件夹中添加启动图像。
• 然后，将 Splash 插件添加到 config.xml 文件中。
• 之后，将 启动图像添加到 config.xml 文件中。
• 还要添加默认启动图像。
• 一个可选步骤是更改启动画面时间。

将启动图像添加到应用程序

在将启动图像添加到您的应用程序文件夹之前，首先您需要创建一个图像。 图像的大小和 dpi 值根据平台而变化。 创建图像后，将其添加到 www 文件夹中。 您可以将图像插入到 www 文件夹中的任何位置，但最好将其插入到 img 或 splash 中。 还要确保为每个平台将启动图像放在单独的文件夹中。 它有助于使您的应用程序保持干净。

您必须确定默认启动画面必须添加到 www 文件夹的根目录。 还要检查图像名称是否必须为 screen.png。 只能有一个默认启动画面。

将启动插件添加到 config.xml

下一步是通过将以下命令添加到 config.xml 文件来添加插件

将启动图像添加到 config.xml

完成上述所有任务后，现在是时候将启动画面图像的引用添加到 config.xml 文件中了。 每个平台都有不同的属性集来添加启动图像。 在这里，我们定义了 windows 平台的属性，如下所示
适用于 Windows

Windows phone 由 width 和 height 属性组成，用于确定启动画面的大小和方向。 如果启动画面已添加到 www/res/screen/windows 中，请将以下代码添加到 config.xml 文件中。

添加默认启动图像

向您的应用程序添加默认启动画面非常重要，因为如果您不添加它们，则不会显示任何启动画面。 因此，请确保必须添加默认启动画面。 当设备尺寸或分辨率不匹配时，将使用默认启动画面。

在引用所有其他屏幕尺寸并为特定平台提供启动画面之后，添加以下代码

<splash src="screen.png" />

更改启动画面时间

我们还需要使用另一个代码段来添加应用程序中的启动画面时间。 SplashScreenDelay 用于设置启动画面上显示的时间。 默认时间为 3000 毫秒，但我们可以使用以下代码中显示的 preference 更改默认时间

上面的代码将在 6 秒后隐藏启动画面。

还可以使用另一个 可选的偏好设置，该设置用于拉伸图像以适合 屏幕。 如果特定偏好设置的值设置为 true，则不会拉伸图像以适合特定设备屏幕。 如果设置为 false，则将根据特定设备屏幕拉伸图像。

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

偏好

iOS 特性

iOS 平台上提供了各种偏好设置，可将它们添加到 config.xml 文件中。   

• FadeSplashScreen

此偏好设置设置为 false 值，可防止启动画面在更改其显示状态时淡入和淡出。 它指的是一个布尔值，默认值为 true。

<preference name="FadeSplashScreen" value = "false"

• FadeSplashScreenDuration

在此首选项中，我们指定执行启动画面淡入淡出效果的毫秒数。 它指的是一个浮点值，默认值为 500。 应该注意的是，此首选项包含在 SplashScreenDelay 中。 另请注意，它应仅在应用程序启动时使用。

< preference name="FadeSplashScreenDuration" value="600"/>

• ShowSplashScreenSpinner

要隐藏启动画面微调器，此偏好设置的值设置为 false。

它指的是一个布尔值，默认值为 true。

< preference name="ShowSplashScreenSpinner" value="false"/>

Android 特性

您可以在 config.xml 文件中添加以下偏好设置

< preference name = " SplashShowOnlyFirstTime " value = " true|false " />

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

< preference name = " SplashScreenSpinnerColor " value = " white " />

• SplashShowOnlyFirstTime 是一个 可选的 偏好设置，它仅在应用程序启动时显示启动图像。 此偏好设置的默认值为
• SplashMaintainAspectRatio 也是一个 可选的。如果您不想拉伸启动画面以适合设备屏幕，则必须将此偏好设置值设置为 true。 当您不想扭曲启动画面图像时，应使用此方法。
  当屏幕方向改变时，此插件会重新加载启动画面。 它有助于为不同的屏幕方向指定各种启动画面图像。
• SplashScreenSpinnerColor 也是一个 可选的 偏好设置，如果您不设置它，则会被忽略。 在 Android 5.0+ 设备中，它用于更改微调器的颜色。

Windows 特性

• SplashScreenSpinnerColor: 此偏好设置指的是一个字符串，该字符串包含系统强调色的默认值。 它的值来自哈希、rgb 表示法或 CSS 颜色名称。

<preference name= "SplashScreenSpinnerColor" value= "Red" />

• SplashScreenBackgroundColor: 此偏好设置指的是一个字符串，该字符串包含默认值 #464646。 该值来自十六进制表示法。

<preference name= "SplashScreenBackgroundColor" value= "0xFFFFFFFF" />

方法

以下是 SplashScreen 插件的一些使用方法

• hide: 此方法用于关闭启动画面。

语法

示例

• show

此方法用于显示启动画面。

语法

在应用程序启动并且 deviceready 事件触发之前，应用程序无法调用此方法。