ionic實(shí)戰(zhàn)-更改app圖標(biāo)(Icons)和啟動(dòng)畫面(Splash screens)

背景

  • app默認(rèn)的icon和splash是cordova的圖標(biāo)(機(jī)器人圖標(biāo))
  • 在app根目錄resources文件夾下存在的icon和splash是ionic的圖標(biāo)

  • 我們要使用自己的icon和splash


先用ionic提供的icon和splash代替cordova的機(jī)器人

  • 既然項(xiàng)目根目錄resources文件夾已經(jīng)有了ionic提供的icon和splash,為什么打包的.apk還是cordova的機(jī)器人
  • 原因一:沒有執(zhí)行命令ionic resources,執(zhí)行后會(huì)在config.xml文件中生成對(duì)icon和splash對(duì)引用,如下圖
  • 原因二:cordova版本6.4.0有bug,把生成的資源文件放錯(cuò)位置了,詳情看這里

使用我們自己制作的icon和splash

方式一

  • 項(xiàng)目根目錄resources文件夾已經(jīng)有了ionic提供的icon和splash,讓美工做一套大小和數(shù)量一樣的替換它就行
  • 沒有執(zhí)行過ionic cordova resources命令的,就執(zhí)行一下

方式二

  • 在resources文件夾下放一張大小為1024*1024名字為icon的圖標(biāo)文件、一張大小為2208*2208(ionic3.x大小為2732*2732)名字為splash的啟動(dòng)畫面文件,格式可以為png、psd或ai,然后執(zhí)行ionic cordova resources,則會(huì)把這兩張圖上傳到ionic服務(wù)器,然后生成不同尺寸的icon和splash.如下圖.

最后

ionic cordova resources android
ionic cordova resources ios
  • 很多時(shí)候執(zhí)行ionic cordova resources失敗,都是網(wǎng)絡(luò)問題,建議用4g流量,或者分別執(zhí)行ionic cordova resources --icon和ionic cordova resources --splash
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容