當我們用ionic創(chuàng)建好app后徒爹,默認的logo及spash頁面均是cordova的圖標馏臭,顯的不太好看,如何使用自己的icon和splash頁呢抛蚁?
1?icon生成
- 生成一個192*192px的logo箱沦,保存為icon.png辩恼,icon.ai或icon.psd(只支持這三種格式),圖片不要有圓角(每個平臺會自己給圖片加效果,如ios會自動給logo加圓角效果)。
- 在ionic的根目錄下有一個resources的目錄运挫,將icon的圖片放在這個目錄下状共。
- 運行命令,生成不同平臺的icon谁帕。
$ ionic resources --icon
運行命令后峡继,會發(fā)現(xiàn)生成了一系列的不同尺寸的圖片,并且在config.xml中會有想應的配置匈挖。
2碾牌、splash頁面
- 生成一張2208x2208 px的splash圖片,保存為splash.png, splash.ai或splash.psd儡循。
- 在ionic的根目錄下有一個resources的目錄舶吗,將icon的圖片放在這個目錄下。
- 運行命令择膝,添加splash的plugin
$ ionic plugin add https://github.com/apache/cordova-plugin-splashscreen.git
- 運行命令誓琼,生成不同平臺的splash
$ ionic resources --splash
運行命令后,會發(fā)現(xiàn)生成了一系列的不同尺寸的圖片肴捉,并且在config.xml中會有想應的配置腹侣。
注:直接運行ionic resources 會自動處理icon和splash圖片,這樣可以方便很多
3齿穗、針對不同的平臺配置
上述的icon和splash的配置對是針對所有平臺的傲隶,如果你想針對ios, android等使用不同的配置,可以發(fā)現(xiàn)resource目錄下有相應的ios/和android/的目錄窃页,將前文中的icon和 splash放置于相應的目錄跺株,再運行ionic resources命令即可。