1. 程式人生 > >ionic更改應用圖示和啟動畫面

ionic更改應用圖示和啟動畫面

如果要更改應用的啟動圖示和啟動畫面在以前版本中只需要兩個步驟:

  1. 生成應用的圖示最小的尺寸是192x192px,不過我建議最好的效果是1024x1024px,啟動畫面的圖片是2208x2208px中間區域是1200x1200px字尾名可以是:.png,.psd.ai
  2. 然後在你專案的根目錄檔案下找到resources資料夾(如果沒有一般要執行 ionic build以後才會出現),結構如下
  3. 然後在你根目錄的檔案下執行:

$  ionic resources
   或 
$ ionic resources --icon  ##單獨生成應用圖示
$ ionic resources --splash  ##單獨生成應啟動畫面圖片

ionic會把你的圖示上傳到它的伺服器然後再給你返回來,所以必須能上網,注意: 圖示必須是.png,.psd.ai不能是由其它的圖示更改後者來的
執行成功後會在你config.xml下生成如下的程式碼:


<platform
name="android">
<icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/> <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/> <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/> <icon src="resources/android/icon/drawable-xhdpi-icon.png"
density="xhdpi"/>
<icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/> <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/> <splash src="resources/android/splash/drawable-land-ldpi-screen.png" density="land-ldpi"/> <splash src
="resources/android/splash/drawable-land-mdpi-screen.png" density="land-mdpi"/>
<splash src="resources/android/splash/drawable-land-hdpi-screen.png" density="land-hdpi"/> <splash src="resources/android/splash/drawable-land-xhdpi-screen.png" density="land-xhdpi"/> <splash src="resources/android/splash/drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/> <splash src="resources/android/splash/drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/> <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/> <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/> <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/> <splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi"/> <splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/> <splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/> </platform> <icon src="resources/android/icon/drawable-xhdpi-icon.png"/>

但是你可能發現你的啟動畫面沒有,可能就是黑了一下就到了應用了,無論你怎麼去更改你的config.xml都是沒有效果的,經過幾番折騰發現瞭解決辦法:

cordova-plugin-splashscreen

必須安裝這個外掛才能顯示啟動畫面,進入你的應用目錄搞起….

$ cordova plugin add cordova-plugin-splashscreen