Quasar CLI with Webpack - @quasar/app-webpack

应用图标

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

如果发现有一个文件是新的或丢失的,请 打开这个 issue.

图标精灵命令行界面

提示

强烈建议使用 图标精灵命令行界面,因为它消耗一个图标源,并自动克隆、缩放、最小化,并把图标放在适当的目录中。当需要时,它还会告诉您需要在 /index.html 文件中添加哪些标签。

用图标精灵命令行界面快速启动必要的图像。有关完整的选项清单,请访问 图标精灵命令行界面 的命令清单页面。

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

根据将使用的打包器(electron-packager 或 electron-builder),请看他们关于如何勾选图标的文档。

使用说明

除非您使用图标精灵应用扩展,否则这些是需要替换的文件:

.
├── 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-xxxhdpi
│                       ├── ic_launcher.png
│                       ├── ic_launcher_foreground.png
│                       └── ic_launcher_round.png
└── ios
    └── App
        └── App
            └── Assets.xcassets
                ├── AppIcon.appiconset
                │   ├── AppIcon-20x20@1x.png
                │   ├── AppIcon-20x20@2x-1.png
                │   ├── AppIcon-20x20@2x.png
                │   ├── AppIcon-20x20@3x.png
                │   ├── AppIcon-29x29@1x.png
                │   ├── AppIcon-29x29@2x-1.png
                │   ├── AppIcon-29x29@2x.png
                │   ├── AppIcon-29x29@3x.png
                │   ├── AppIcon-40x40@1x.png
                │   ├── AppIcon-40x40@2x-1.png
                │   ├── AppIcon-40x40@2x.png
                │   ├── AppIcon-40x40@3x.png
                │   ├── AppIcon-512@2x.png
                │   ├── AppIcon-60x60@2x.png
                │   ├── AppIcon-60x60@3x.png
                │   ├── AppIcon-76x76@1x.png
                │   ├── AppIcon-76x76@2x.png
                │   └── AppIcon-83.5x83.5@2x.png
                └── Splash.imageset
                    ├── splash-2732x2732-1.png
                    ├── splash-2732x2732-2.png
                    └── splash-2732x2732.png