構(gòu)建App配置app icon 和 splash是必須的步驟，通過(guò)ionic 構(gòu)建hybrid app 同樣需要配置，不過(guò)通過(guò)ionic cli 構(gòu)建的項(xiàng)目則可以通過(guò)cli 輕松處理icon 和splash

config.xml

Ionic 項(xiàng)目中原生相關(guān)的配置，均在config.xml中,處于項(xiàng)目頂級(jí)目錄中,分別有ios 和android:

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

 <platform name="ios">
 ...
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
 ...
 </platform>

配置icon 和splash

當(dāng)然可以在resources文件夾中修改對(duì)應(yīng)的icon 和splash, 不過(guò)ionic cli 給我們提供了更方便的方式：
1.resources 文件中添加一張icon.png (1024x1024)
2.resources 文件中添加一張splash.png(2732x2732)

執(zhí)行如下指令
ionic cordova resources
ionic cordova resources ios
ionic cordova resources android

ionic cli 會(huì)在resources 文件分別生成ios / android 對(duì)應(yīng)的各種尺寸的ionic 和 splash，同時(shí)會(huì)更新config.xml文件。

當(dāng)然為了splash 最好的體驗(yàn)，最好設(shè)計(jì)的一張中間是方正logo spalsh.
如果平臺(tái)有特殊的icon 或 splash. 需要在resources 文件夾下建立存儲(chǔ)各平臺(tái)icon.png 或splash 的文件。例如，如果需要android 版本設(shè)置特殊的icon, 需要添加resources/android/icon.png。