Quasar CLI with Webpack - @quasar/app-webpack
Cordova 应用的图标
就图标而言,Cordova 是所有构建目标中最复杂的目标之一,因为您不仅需要将图标放在特定文件夹中,还需要在 src-cordova/config.xml
文件中注册它们。 此外,如果您正在使用启动画面(您应该使用),您还需要安装 cordova-plugin-splashscreen
并在 config.xml 中注册它。
如果您发现一个新的或丢失的文件,请提交一个问题。
Icon Genie CLI
TIP
我们强力推荐您去使用我们的Icon Genie CLI,因为它只需要一份资源图标,就能自动生成克隆、缩放、缩小图标,然后生成不同平台上需要的图标格式,并将其放置在合适的目录中。必要时,它还会告诉您需要向 /src/index.template.html
中添加哪些标签。
使用 Icon Genie CLI 快速添加必要的图标。有关选项的完整列表,请访问Icon Genie CLI 命令列表页面。
$ icongenie generate -m cordova -i /path/to/source/icon.png [-b /path/to/background.png]
手动处理
如果不使用 Icon Genie CLI,您需要执行以下操作:
$ cd src-cordova
$ cordova plugin add cordova-plugin-splashscreen
$ cordova plugin save
src-cordova/
config.xml
res/
android/
ldpi.png # 36x36
mdpi.png # 48x48
hdpi.png # 72x72
xhdpi.png # 96x96
xxhdpi.png # 144x144
xxxhdpi.png # 192x192
ios/
icon.png # 57x57
icon@2x.png # 144x144
icon-20@2x.png
icon-20@3x.png
icon-29.png
icon-29@2x.png
icon-29@3x.png
icon-40@2x.png
icon-60@2x.png
icon-60@3x.png
icon-20.png
icon-20@2x.png
icon-40.png
icon-50.png
icon-50@2x.png
icon-72.png
icon-72@2x.png
icon-76.png
icon-76@2x.png
icon-83.5@2x.png
icon-1024.png
icon-24@2x.png
icon-27.5@2x.png
icon-29@2x.png
icon-29@3x.png
icon-40@2x.png
icon-44@2x.png
icon-50@2x.png
icon-86@2x.png
icon-98@2x.pn
screen/
android/
splash-land-ldpi.png # 320x200
splash-port-ldpi.png # 200x320
splash-land-mdpi.png # 480x320
splash-port-mdpi.png # 320x480
splash-land-hdpi.png # 800x480
splash-port-hdpi.png # 480x800
splash-land-xhdpi.png # 1280x720
splash-port-xhdpi.png # 720x1280
splash-land-xxhdpi.png # 1600x960
splash-port-xxhdpi.png # 960x1600
splash-land-xxxhdpi.png # 1920x1280
splash-port-xxxhdpi.png # 1280x1920
ios/
Default@2x~iphone~comcom.png
Default@2x~iphone~comany.png
Default@2x~iphone~anyany.png
Default@3x~iphone~anycom.png
Default@3x~iphone~comany.png
Default@3x~iphone~anyany.png
Default@2x~ipad~comany.png
Default@2x~ipad~anyany.png
您的 config.xml 应该是这样的:
<platform name="android">
<icon density="ldpi" src="res/android/ldpi.png" />
<icon density="mdpi" src="res/android/mdpi.png" />
<icon density="xxxhdpi" src="res/android/xxxhdpi.png" />
<splash density="land-ldpi" src="res/screen/android/splash-land-ldpi.png" />
<splash density="port-ldpi" src="res/screen/android/splash-port-ldpi.png" />
<splash density="land-mdpi" src="res/screen/android/splash-land-mdpi.png" />
<icon density="hdpi" src="res/android/hdpi.png" />
<icon density="xxhdpi" src="res/android/xxhdpi.png" />
<splash density="port-mdpi" src="res/screen/android/splash-port-mdpi.png" />
<splash density="land-hdpi" src="res/screen/android/splash-land-hdpi.png" />
<splash density="land-xxhdpi" src="res/screen/android/splash-land-xxhdpi.png" />
<splash density="port-xxhdpi" src="res/screen/android/splash-port-xxhdpi.png" />
<splash density="land-xxxhdpi" src="res/screen/android/splash-land-xxxhdpi.png" />
<splash density="port-xxxhdpi" src="res/screen/android/splash-port-xxxhdpi.png" />
<icon density="xhdpi" src="res/android/xhdpi.png" />
<splash density="port-hdpi" src="res/screen/android/splash-port-hdpi.png" />
<splash density="land-xhdpi" src="res/screen/android/splash-land-xhdpi.png" />
<splash density="port-xhdpi" src="res/screen/android/splash-port-xhdpi.png" />
</platform>
<platform name="ios">
<icon height="57" src="res/ios/icon.png" width="57" />
<icon height="114" src="res/ios/icon@2x.png" width="114" />
<splash src="res/screen/ios/Default@2x~iphone~comcom.png" />
<icon height="60" src="res/ios/icon-20@3x.png" width="60" />
<icon height="29" src="res/ios/icon-29.png" width="29" />
<icon height="58" src="res/ios/icon-29@2x.png" width="58" />
<icon height="87" src="res/ios/icon-29@3x.png" width="87" />
<icon height="80" src="res/ios/icon-40@2x.png" width="80" />
<icon height="120" src="res/ios/icon-60@2x.png" width="120" />
<icon height="180" src="res/ios/icon-60@3x.png" width="180" />
<icon height="20" src="res/ios/icon-20.png" width="20" />
<icon height="40" src="res/ios/icon-20@2x.png" width="40" />
<icon height="100" src="res/ios/icon-50@2x.png" width="100" />
<icon height="72" src="res/ios/icon-72.png" width="72" />
<icon height="144" src="res/ios/icon-72@2x.png" width="144" />
<icon height="76" src="res/ios/icon-76.png" width="76" />
<icon height="152" src="res/ios/icon-76@2x.png" width="152" />
<icon height="167" src="res/ios/icon-83.5@2x.png" width="167" />
<icon height="1024" src="res/ios/icon-1024.png" width="1024" />
<icon height="48" src="res/ios/icon-24@2x.png" width="48" />
<icon height="55" src="res/ios/icon-27.5@2x.png" width="55" />
<icon height="88" src="res/ios/icon-44@2x.png" width="88" />
<icon height="172" src="res/ios/icon-86@2x.png" width="172" />
<icon height="196" src="res/ios/icon-98@2x.png" width="196" />
<splash src="res/screen/ios/Default@2x~iphone~anyany.png" />
<splash src="res/screen/ios/Default@3x~iphone~anyany.png" />
<splash src="res/screen/ios/Default@3x~iphone~anycom.png" />
<splash src="res/screen/ios/Default@3x~iphone~comany.png" />
<splash src="res/screen/ios/Default@2x~ipad~anyany.png" />
<splash src="res/screen/ios/Default@2x~ipad~comany.png" />
<icon height="40" src="res/ios/icon-40.png" width="40" />
<icon height="50" src="res/ios/icon-50.png" width="50" />
<splash src="res/screen/ios/Default@2x~iphone~comany.png" />
<splash src="res/screen/ios/Default-Landscape-2436h.png" />
<splash src="res/screen/ios/Default@2x~iphone~anyany" />
<splash src="res/screen/ios/Default@2x~iphone~comany" />
<splash src="res/screen/ios/Default@2x~iphone~comcom" />
<splash src="res/screen/ios/Default@3x~iphone~anyany" />
<splash src="res/screen/ios/Default@3x~iphone~anycom" />
<splash src="res/screen/ios/Default@3x~iphone~comany" />
<splash src="res/screen/ios/Default@2x~ipad~anyany" />
<splash src="res/screen/ios/Default@2x~ipad~comany" />
</platform>