需求:cordova项目启动添加启动界面,并在设备初始化完成后自动隐藏splash
1.新建项目
cordova create Mypro com.test.pro proName
2.添加平台
cd Mypro(进入目录)
cordova platform add android
cordova platform add iOS
3.添加splash插件
cd plugins(进入到plugins目录)
cordova plugin add org.apache.cordova.splashscreen
4.对于android应用
修改config.xml配置文件
添加
<preference name="SplashScreen" value="screen" /> <!-- 不带后缀png的文件名,默认是screen-->
<preference name="SplashScreenDelay" value="3000" /> <!-- Splash显示时间,默认是3000ms-->
<feature name="SplashScreen">
<param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />
<preference name="SplashScreenDelay" value="3000" /> <!-- Splash显示时间,默认是3000ms-->
<feature name="SplashScreen">
<param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" />
</feature>
5.修改启动图片
将工程下默认的启动图片screen.png换成自己的启动图片
6.在设备初始化完成后隐藏启动图片
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
navigator.splashscreen.hide();
}
function onDeviceReady() {
navigator.splashscreen.hide();
}
这样子就完成了