给你的Cordova HybridApp添加Splash启动页面

「爱情、让人受尽委屈。」 2022-08-11 12:58 166阅读 0赞

现在最新的Cordova 3以上的版本支持启动画面了，是通过cordova插件实现的。

目前Splash插件支持android，ios，blackberry等多个平台。

![SouthEast][]

添加插件等过程如下：

## 添加SplashScreen插件 ##

在cordova项目目录运行：

cordova plugin add org.apache.cordova.splashscreen

这个命令从插件git库下载插件代码到在工程的plugins目录下

## 修改config.xml配置文件 ##

<preference name="SplashScreen" value="screen" /> 
        <preference name="SplashScreenDelay" value="3000" /> 
        <feature name="SplashScreen">
            <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />
        </feature>

## 修改启动图片 ##

可以看到启动图片的名字是screen.png,工程下有一些screen.png默认图片了，上面显示的是cordova logo，下面需要把这些图片换成你自己的启动画面，不需要支持的尺寸图片直接删掉就可以了。

## 在设备初始化完成后隐藏Splash画面 ##

document.addEventListener("deviceready", onDeviceReady, false);  
    function onDeviceReady() {  
      navigator.splashscreen.hide();  
    }

如果使用了ionic框架，直接在app.js 文件的  .run(\['$ionicPlatform', function ($ionicPlatform) \{   ... \} 里面加上

navigator.splashscreen.hide();

就可以了。

现在再运行你的App，应该可以看到启动画面了。

[SouthEast]: /images/20220810/43a0ae09f6224f4d84957a916a8d1c00.png

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关 html页面通过js的class给页面添加元素

html页面通过js的class给页面追加元素，图片等

逃离我推掉我的手/ 2024年05月24日 13:01/ 0 赞/ 102 阅读

相关给JSP页面添加验证码

前段时间学习Struts2做了个验证码的小例子，今天在火狐下查看遇到点问题，在这里记录一下。制作图形验证码关键在于编写生成图形的Servlet \[java\] [

妖狐艹你老母/ 2022年09月30日 13:50/ 0 赞/ 225 阅读

相关 Android开发之启动页面Splash Screen

简介：使用view动画（透明度动画，AlphaAnimation）实现启动页面Splash Screen。View动画的四种变化效果对应着Animation的四个子类：Tran

浅浅的花香味﹌/ 2022年08月20日 03:28/ 0 赞/ 238 阅读

相关给你的Cordova HybridApp添加Splash启动页面

现在最新的Cordova 3以上的版本支持启动画面了，是通过cordova插件实现的。目前Splash插件支持android，ios，blackberry等多个平台。 !

「爱情、让人受尽委屈。」/ 2022年08月11日 12:58/ 0 赞/ 167 阅读

相关 HybridApp

[iOS Hybrid 框架 - PhoneGap][iOS Hybrid _ - PhoneGap] iOS Hybrid 框架 [Hybrid App

痛定思痛。/ 2022年06月03日 00:00/ 0 赞/ 186 阅读

相关 cordova-plugin-splashscreen设置启动页面和图标

一、在App中对于应用图标可以直接修改res/icon/xxx下的png图片就可以了。对于程序启动页面（注：一张png图片），在deviceready之前会一直显示这张图片

超、凢脫俗/ 2022年06月01日 12:56/ 0 赞/ 367 阅读

相关 windows启动Splash服务

1. 首先启动Docker for windows 2. 打开命令行界面，输入`docker run -p 8050:8050 scrapinghub/splash` 启动

电玩女神/ 2022年05月10日 04:34/ 0 赞/ 325 阅读

相关给页面添加loading动画

html内的代码： <div class="loading"></div> css代码： .loading{ width: 300px;

﹏ヽ暗。殇╰゛Y/ 2022年03月01日 15:40/ 0 赞/ 332 阅读

相关 JAVAF给页面添加背景音乐

非常简单的一个例子我的业务场景是点击页面中的菜单栏中某个菜单时，播放背景音乐，切换其他菜单时关闭音乐 FXML页面的button绑定后台controller代码就不写

亦凉/ 2022年02月25日 19:46/ 0 赞/ 355 阅读

相关给html页面添加水印

看到别人的页面有水印，感觉很有趣尝试了下给html加水印的效果，如图 ![format_png][] 实现原理：　　根据页面大小，动态添加若干个div，将传递过来的

秒速五厘米/ 2021年07月26日 12:18/ 0 赞/ 991 阅读