Cordova 应用图标 | Quasar 框架

使用 Vite 的 Quasar CLI - @quasar/app-vite

Cordova 应用图标

就图标而言，Cordova 是所有构建目标中最复杂的一个，因为您不仅需要将图标放置在特定文件夹中，还需要在 src-cordova/config.xml 文件中注册它们。此外，如果您使用启动画面（您应该使用），则还需要安装 cordova-plugin-splashscreen 并将其注册到您的 config.xml 中。

如果您发现一个新文件或缺失文件，请提交问题。

Icon Genie CLI

提示

我们强烈建议使用Icon Genie CLI，因为它使用源图标并自动克隆、缩放、缩小和将图标放置到适合您的目录中。在需要时，它还会告诉您需要添加到 /index.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/

res/

android/

ldpi.png

# 36x36

mdpi.png

# 48x48

hdpi.png

# 72x72

xhdpi.png

# 96x96

xxhdpi.png

# 144x144

xxxhdpi.png

# 192x192

ios/

icon.png

# 57x57

# 144x144

icon-29.png

icon-20.png

icon-40.png

icon-50.png

icon-72.png

icon-76.png

icon-1024.png

screen/

android/

splash-land-ldpi.png

splash-port-ldpi.png

splash-land-mdpi.png

splash-port-mdpi.png

splash-land-hdpi.png

splash-port-hdpi.png

splash-land-xhdpi.png

splash-port-xhdpi.png

splash-land-xxhdpi.png

splash-port-xxhdpi.png

splash-land-xxxhdpi.png

splash-port-xxxhdpi.png

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/[email protected]" width="114" />
    <splash src="res/screen/ios/Default@2x~iphone~comcom.png" />
    <icon height="60" src="res/ios/[email protected]" width="60" />
    <icon height="29" src="res/ios/icon-29.png" width="29" />
    <icon height="58" src="res/ios/[email protected]" width="58" />
    <icon height="87" src="res/ios/[email protected]" width="87" />
    <icon height="80" src="res/ios/[email protected]" width="80" />
    <icon height="120" src="res/ios/[email protected]" width="120" />
    <icon height="180" src="res/ios/[email protected]" width="180" />
    <icon height="20" src="res/ios/icon-20.png" width="20" />
    <icon height="40" src="res/ios/[email protected]" width="40" />
    <icon height="100" src="res/ios/[email protected]" width="100" />
    <icon height="72" src="res/ios/icon-72.png" width="72" />
    <icon height="144" src="res/ios/[email protected]" width="144" />
    <icon height="76" src="res/ios/icon-76.png" width="76" />
    <icon height="152" src="res/ios/[email protected]" width="152" />
    <icon height="167" src="res/ios/[email protected]" width="167" />
    <icon height="1024" src="res/ios/icon-1024.png" width="1024" />
    <icon height="48" src="res/ios/[email protected]" width="48" />
    <icon height="55" src="res/ios/[email protected]" width="55" />
    <icon height="88" src="res/ios/[email protected]" width="88" />
    <icon height="172" src="res/ios/[email protected]" width="172" />
    <icon height="196" src="res/ios/[email protected]" 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>

发现错误？在浏览器中编辑此页面

1. 简介

2. Icon Genie CLI

3. 手动说明