cordova 项目添加splash启动界面
生活随笔
收集整理的這篇文章主要介紹了
cordova 项目添加splash启动界面
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
需求:cordova項(xiàng)目啟動(dòng)添加啟動(dòng)界面,并在設(shè)備初始化完成后自動(dòng)隱藏splash 1.新建項(xiàng)目 cordova create Mypro com.test.pro proName 2.添加平臺(tái) cd Mypro(進(jìn)入目錄) cordova platform add android cordova platform add iOS 3.添加splash插件 cd plugins(進(jìn)入到plugins目錄) cordova plugin add org.apache.cordova.splashscreen 4.對(duì)于android應(yīng)用 修改config.xml配置文件 添加 <preference?name="SplashScreen"?value="screen"?/>?<!--?不帶后綴png的文件名,默認(rèn)是screen-->
? ? <preference?name="SplashScreenDelay"?value="3000"?/>?<!--?Splash顯示時(shí)間,默認(rèn)是3000ms-->
? ? <feature?name="SplashScreen">
? ? ? ? <param?name="android-package"?value="org.apache.cordova.splashscreen.SplashScreen"?/> </feature> 5.修改啟動(dòng)圖片 將工程下默認(rèn)的啟動(dòng)圖片screen.png換成自己的啟動(dòng)圖片 6.在設(shè)備初始化完成后隱藏啟動(dòng)圖片 document.addEventListener("deviceready",?onDeviceReady,?false);?
function?onDeviceReady()?{?
? navigator.splashscreen.hide();?
}? 這樣子就完成了
? ? <preference?name="SplashScreenDelay"?value="3000"?/>?<!--?Splash顯示時(shí)間,默認(rèn)是3000ms-->
? ? <feature?name="SplashScreen">
? ? ? ? <param?name="android-package"?value="org.apache.cordova.splashscreen.SplashScreen"?/> </feature> 5.修改啟動(dòng)圖片 將工程下默認(rèn)的啟動(dòng)圖片screen.png換成自己的啟動(dòng)圖片 6.在設(shè)備初始化完成后隱藏啟動(dòng)圖片 document.addEventListener("deviceready",?onDeviceReady,?false);?
function?onDeviceReady()?{?
? navigator.splashscreen.hide();?
}? 這樣子就完成了
轉(zhuǎn)載于:https://www.cnblogs.com/rebeccay/p/4936288.html
總結(jié)
以上是生活随笔為你收集整理的cordova 项目添加splash启动界面的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Fedora 安装后需要做的第一件事
- 下一篇: 迷宫游戏 堆栈实现