Capacitor 的應用程式圖示 | Quasar 框架

搭配 Vite 的 Quasar CLI - @quasar/app-vite

Capacitor 應用程式圖示

就圖示而言，Capacitor 是所有建置目標中最複雜的一個，因為您不僅需要將圖示放在特定的資料夾中，還需要在兩個平台 (Android、iOS) 的設定檔中註冊它們。

如果您發現有任何檔案是新的或遺失的，請開啟 issue。

Icon Genie CLI

提示

我們強烈建議使用 Icon Genie CLI，因為它會取用來源圖示並自動複製、縮放、最小化圖示，並將它們放置在適當的目錄中。在需要時，它也會告訴您需要將哪些標籤新增到您的 /index.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/

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

發現錯誤了嗎？在瀏覽器中編輯此頁面

1. 介紹

2. Icon Genie CLI

3. 手動指示