问如何替换电容器中的图标和飞溅

EN

要做到这一点，最简单、最容易的方法是这个包：

1. npm install capacitor-resources

1. 在基于电容器的项目

的根目录下创建名为resources的文件夹

1. 添加icon.png (1024x1024像素)和splash.png (2732x2732像素

1. 将脚本定义添加到您的package.json：

{ ...“脚本”：{ ..."resources"：“capacitor resources -p android，ios”} }

1. npm run resources

注意:如果你没有“ios build & npx cap add android & npx cap add ios”，请确保你有android，ios和www文件夹。

来源：https://www.npmjs.com/package/capacitor-resources

成功替换电容中的图标和闪光灯的

如果您使用windows PC来执行您的CLI。执行以下5步操作

STEP 1

通过运行npm install capacitor-resources -g安装电容器资源

STEP 2

使用任何图像编辑软件只创建4个自定义图像(应用程序图标、闪屏、图标背景和图标前景)。

a. 应用程序图标- (a png file with dimension 1024x1024)并另存为icon.png inside <Project Directory>/resources/让它替换默认设置

b. 闪屏- (a png file with dimension 2732x2732)并另存为splash.png inside <Project Directory>/resources/，让它替换默认设置

c. 图标背景- (a png file with dimension 432x432)您可以决定是否将颜色设置为透明，并在<Project Directory>/resources/android/中另存为icon-background.png

b. 图标前台- (a png file with dimension 432x432)并另存为icon-foreground.png inside <Project Directory>/resources/android/图标前台与应用图标相同。它是将在应用程序集合中代表您的应用程序的徽标。

步骤3

让电容帮助你制作图标和多维飞溅通过运行

ionic cordova resources

步骤4

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

步骤5

然后从项目目录中运行以下任一命令，具体取决于哪个命令适用于您。1号对我很管用。

1. cd android && gradlew assembleDebug && cd ..

1. ionic cordova run android

使用此工具生成图标和闪屏以及它们的配置文件。只需替换所需平台中的文件，您就可以正常工作了。Tool

有关这方面的更多信息，请关注此tutorial