天天看點

04 ionic+angular開發webapp筆記(修改應用的圖示和載入圖檔和app的名字)

修改應用的基礎資訊很簡單,在應用的根目錄找到config.xml檔案

<name>這裡修改app名字</name>
    <description>
        這裡是app描述
    </description>
    <author email="[email protected]" href="http://example.com/" target="_blank" rel="external nofollow" >
        這裡填寫作者和郵箱的地方
    </author>
           

在上面的位置直接修改app的相關資訊即可

修改app的圖示和載入圖檔需要找到resources檔案夾,進入後會發現兩個圖檔,一個叫icon.png這是app圖示的原圖檔,推薦大小1024x1024,另一個是載入時顯示的圖檔,推薦大小是2208x2208。别問我為什麼推薦這個,這是ionic推薦的,本身帶的就是這麼大,圖檔的格式可以是png,psd和ai。

将這兩張圖檔修改完成後,在根目錄打開cmd,直接運作

ionic resources
           

即可,全部修改

或者可以單獨修改圖示或者單獨修改載入時的

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

修改這些東西很簡單,但是,作者今天遇到了一個問題,将項目轉移到了另一個電腦上以後,怎麼也修改不成功,最後查了好長時間,發現是使用的platform的問題,然後我就重新裝了一下平台

$ ionic platform rm android
$ ionic platform add android
$ ionic platform update [email protected]
           

然後就成功了

如果發現載入時沒有顯示啟動圖檔,直接黑一下直接就打開了應用,需要安裝

$ cordova plugin add cordova-plugin-splashscreen
           

繼續閱讀