如何在Capacitor中替换图标和启动画面

Question

7

我已经成功地在设备上打包了项目，但我想要替换图标和启动画面。有没有办法可以替换它？

使用Vue进行开发，并打包到Android。

- thomas coding man

4个回答

4

成功替换 Capacitor 中的图标和启动画面

如果您正在使用 Windows PC 来执行 CLI，请执行以下 5 步操作：

第一步

通过运行 npm install capacitor-resources -g 安装 Capacitor 资源。

第二步

使用任何图片编辑软件创建 4 张自定义图片（应用程序图标、启动画面、图标背景和图标前景）。

a. 应用程序图标 - (一个 1024x1024 像素的 png 文件) 并将其保存为 icon.png，放在 <项目目录>/resources/ 内，以替换默认的图标。

b. 启动画面 - (一个 2732x2732 像素的 png 文件) 并将其保存为 splash.png，放在 <项目目录>/resources/ 内，以替换默认的启动画面。

c. 图标背景 - (一个 432x432 像素的 png 文件) 您可以决定将颜色设置为透明或不透明，并将其保存为 icon-background.png，放在 <项目目录>/resources/android/ 内。

d. 图标前景 - (一个 432x432 像素的 png 文件) 并将其保存为 icon-foreground.png，放在 <项目目录>/resources/android/ 内。图标前景与应用程序图标相同，是代表您的应用程序在应用集合中的徽标。

第三步

运行以下命令，让 Capacitor 帮助您制作具有多种尺寸的图标和启动画面：

ionic cordova resources

第四步

通过运行 cordova-res --skip-config --copy 将资源复制到 Android 构建中。

第五步

然后从项目目录运行以下命令中的任何一个，具体取决于哪个命令适用于您。对我来说，第一个命令可行。

- Akinsam

1

截至2023年，目前支持的方法是使用插件@capacitor/assets。

- Ismael Sarmento

0

使用此工具生成图标和启动画面以及它们的配置文件。只需将文件替换为所需平台中的文件，您就可以开始使用了。工具更多信息，请查看教程。

- Chetan Bansal

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ahmet Sezen · Accepted Answer

最简单、最容易的方法是使用这个包：

在你的 package.json 文件中添加一个脚本定义:

{   
    ...   
    "scripts": {
        ...
        "resources": "capacitor-resources -p android,ios" 
    } 
}

注意：确保您有android、ios和www文件夹，如果没有，请执行“ionic build & npx cap add android & npx cap add ios”命令。