- 科尔多瓦教程
- 科尔多瓦 - 主页
- 科尔多瓦 - 概述
- 科尔多瓦 - 环境设置
- 科尔多瓦 - 第一次申请
- Cordova - Config.xml 文件
- 科尔多瓦 - 存储
- 科尔多瓦 - 活动
- 科尔多瓦 - 后退按钮
- 科尔多瓦 - 普拉格曼
- Cordova - 电池状态
- 科尔多瓦 - 相机
- 科尔多瓦 - 联系方式
- 科尔多瓦 - 设备
- Cordova - 加速度计
- Cordova - 设备方向
- 科尔多瓦 - 对话
- 科尔多瓦 - 文件系统
- 科尔多瓦 - 文件传输
- 科尔多瓦 - 地理定位
- 科尔多瓦 - 全球化
- Cordova - InAppBrowser
- 科尔多瓦 - 媒体
- Cordova - 媒体捕获
- 科尔多瓦 - 网络信息
- 科尔多瓦 - 启动画面
- 科尔多瓦 - 振动
- 科尔多瓦 - 白名单
- 科尔多瓦 - 最佳实践
- 科尔多瓦有用资源
- 科尔多瓦 - 快速指南
- 科尔多瓦 - 有用的资源
- 科尔多瓦 - 讨论
科尔多瓦 - 启动画面
该插件用于在应用程序启动时显示启动屏幕。
第 1 步 - 安装闪屏插件
可以通过运行以下代码在命令提示符窗口中安装闪屏插件。
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-splashscreen
第 2 步 - 添加启动画面
添加启动屏幕与添加其他 Cordova 插件不同。我们需要打开config.xml并在小部件元素内添加以下代码片段。
第一个片段是SplashScreen。它的value属性是platform/android/res/drawable文件夹中图像的名称。Cordova 提供了我们在本示例中使用的默认screen.png图像,但您可能想要添加自己的图像。重要的是添加纵向和横向视图的图像,并覆盖不同的屏幕尺寸。
<preference name = "SplashScreen" value = "screen" />
我们需要添加的第二个片段是SplashScreenDelay。我们将值设置为3000以在三秒后隐藏启动屏幕。
<preference name = "SplashScreenDelay" value = "3000" />
最后一个首选项是可选的。如果值设置为true,图像将不会拉伸以适合屏幕。如果它设置为false,它将被拉伸。
<preference name = "SplashMaintainAspectRatio" value = "true" />
现在,当我们运行该应用程序时,我们将看到启动屏幕。