構(gòu)建App配置app icon 和 splash是必須的步驟艺糜，通過ionic 構(gòu)建hybrid app 同樣需要配置，不過通過ionic cli 構(gòu)建的項目則可以通過cli 輕松處理icon 和splash
config.xml
Ionic 項目中原生相關(guān)的配置，均在config.xml中,處于項目頂級目錄中,分別有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文件夾中修改對應(yīng)的icon 和splash, 不過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 會在resources 文件分別生成ios / android 對應(yīng)的各種尺寸的ionic 和 splash，同時會更新config.xml文件。
當(dāng)然為了splash 最好的體驗沫浆，最好設(shè)計的一張中間是方正logo spalsh.
如果平臺有特殊的icon 或 splash. 需要在resources 文件夾下建立存儲各平臺icon.png 或splash 的文件。例如滚秩，如果需要android 版本設(shè)置特殊的icon, 需要添加resources/android/icon.png专执。
