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

Question

我已经成功在设备上打包了项目，但是我想更换图标和飞溅。有什么办法可以更换吗？

使用Vue开发，打包到android。

Answer 1

最简单和最简单的方法是这个包：

1. npm install capacitor-resources

2. 在基于电容器的项目的根目录下创建名为resources的文件夹

3. 添加你的icon.png ( 1024x1024 px)和splash.png (2732x2732 px)

4. 添加到您package.json的脚本定义中：

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

5. npm run resources

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

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

Answer 2

成功更换电容中的图标和泼溅

如果您使用 Windows PC 来执行 CLI。执行这 5 个步骤行动

STEP 1

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

STEP 2

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

A。应用程序图标- (a png file with dimension 1024x1024)并保存为icon.png内部<Project Directory>/resources/让它替换默认值

b. 启动画面-(a png file with dimension 2732x2732)并保存为splash.png内部<Project Directory>/resources/让它替换默认值

C。图标背景-(a png file with dimension 432x432)您可以决定是否使颜色透明并保存为icon-background.png内部<Project Directory>/resources/android/

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

步骤3

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

ionic cordova resources

步骤4

通过运行将资源复制到 android 版本cordova-res --skip-config --copy

步骤5

然后从项目目录运行以下任一命令，具体取决于适合您的命令。1号对我有用。

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

2. ionic cordova run android

Answer 3

使用此工具生成图标和启动屏幕及其配置文件。只需替换所需平台中的文件即可。 工具

有关此内容的更多信息，请遵循本教程