cordova+vue做的app解決引入cordova-plugin-splashscreen后啟動(dòng)

printempw 發(fā)布于2019-08-02 10:15 / 538人閱讀

摘要：先上項(xiàng)目目錄結(jié)構(gòu)項(xiàng)目結(jié)構(gòu)結(jié)構(gòu)圖中用紅框框起來(lái)的為主要修改文件這篇主要的講項(xiàng)目引用了插件后，啟動(dòng)的時(shí)候，會(huì)先顯示黑屏，然后在顯示設(shè)置的啟動(dòng)頁(yè)，主要解決先閃黑屏的問(wèn)題關(guān)與插件的使用方法網(wǎng)上很多，這里就不詳解了方法一思路把先顯示的黑屏

先上項(xiàng)目目錄結(jié)構(gòu)
cordova項(xiàng)目結(jié)構(gòu)

android platform 結(jié)構(gòu)

圖中用紅框框起來(lái)的為主要修改文件

這篇主要的講cordova項(xiàng)目引用了cordova-plugin-splashscreen插件后，啟動(dòng)webapp的時(shí)候，會(huì)先顯示黑屏，然后在顯示cordova-plugin-splashscreen設(shè)置的啟動(dòng)頁(yè)，主要解決 先閃黑屏的問(wèn)題
關(guān)與cordova-plugin-splashscreen插件的使用方法網(wǎng)上很多，這里就不詳解了

方法一

思路：把先顯示的黑屏改為透明的，這樣就不會(huì)先顯示黑屏，而是透明，這樣會(huì)造成點(diǎn)擊應(yīng)用圖標(biāo)時(shí)，會(huì)慢那么一點(diǎn)，這是因?yàn)橥该骺雌饋?lái)沒(méi)有差別
解決辦法：

這個(gè)文件是AndroidManifest.xml 上面的圖有用紅框標(biāo)注在哪里，
把這個(gè)安卓的主題改為

這樣就解決了啟動(dòng)先顯示黑屏的問(wèn)題
那么問(wèn)題來(lái)了，點(diǎn)擊到顯示啟動(dòng)頁(yè)中間停留的時(shí)間，雖然比較短，但是讓人感覺(jué)不好，那么請(qǐng)看方法二，
方法一只需要修改一句代碼，則不用新增主題文件，因?yàn)檫@是android自帶的主題

方法二

思路：參考安卓的啟動(dòng)方式，自定義啟動(dòng)頁(yè)顯示
解決方法：更改為自定義主題

增加主題文件

文件的名稱(chēng)為styles.xml 文件的存放路徑參考上面的項(xiàng)目圖，aaa為示例圖片，存放文件夾也有在項(xiàng)目圖上標(biāo)注出來(lái)
這樣做就避免了透明主題的等待時(shí)間，一點(diǎn)開(kāi)webapp，就顯示的是aaa.png那張圖片