Capacitor 应用图标 | Quasar 框架

Quasar CLI 与 Webpack - @quasar/app-webpack

Capacitor 应用图标

就图标而言，Capacitor 是所有构建目标中最复杂的一个，因为您不仅需要将图标放置在特定文件夹中，还需要在两个平台（Android、iOS）的配置文件中注册它们。

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

Icon Genie CLI

提示

我们强烈建议您使用Icon Genie CLI，因为它会使用源图标并自动克隆、缩放、缩小和将图标放置到相应的目录中。在需要时，它还会告诉您需要添加到 /index.html 或 /src/index.template.html 文件中的标签。

使用 Icon Genie CLI 快速引导必要的图像。有关选项的完整列表，请访问Icon Genie CLI命令列表页面。

$ icongenie generate -m capacitor -i /path/to/source/icon.png [-b /path/to/background.png]

根据您将使用的打包器（@electron/packager 或 electron-builder），请参阅其文档以了解如何挂钩图标。

手动说明

除非您使用 Icon Genie 应用扩展，否则需要替换以下文件

android/

app/

src/

main/

res/

drawable/

splash.png

drawable-land-hdpi/

splash.png

drawable-land-mdpi/

splash.png

drawable-land-xhdpi/

splash.png

drawable-land-xxhdpi/

splash.png

drawable-land-xxxhdpi/

splash.png

drawable-port-hdpi/

splash.png

drawable-port-mdpi/

splash.png

drawable-port-xhdpi/

splash.png

drawable-port-xxhdpi/

splash.png

drawable-port-xxxhdpi/

splash.png

mipmap-hdpi/

ic_launcher.png

ic_launcher_foreground.png

ic_launcher_round.png

mipmap-mdpi/

ic_launcher.png

ic_launcher_foreground.png

ic_launcher_round.png

mipmap-xhdpi/

ic_launcher.png

ic_launcher_foreground.png

ic_launcher_round.png

mipmap-xxhdpi/

ic_launcher.png

ic_launcher_foreground.png

ic_launcher_round.png

mipmap-xxhdpi/

ic_launcher.png

ic_launcher_foreground.png

ic_launcher_round.png

ios/

App/

Assets.xcassets/

AppIcon.appiconset/

[email protected]

Splash.imageset/

splash-2732x2732-1.png

splash-2732x2732-2.png

splash-2732x2732.png

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

1. 简介

2. Icon Genie CLI

3. 手动说明