生成 apk 后裁剪显示的 Ionic 应用程序图标的图像答案

【问题标题】：Image of the Ionic app icon displayed cropped after generating the apk生成 apk 后裁剪显示的 Ionic 应用程序图标的图像
【发布时间】：2021-05-06 00:03:59
【问题描述】：

[ 情境化问题 ]

我有一个 Ionic PWA 项目正在生产中。
我需要使用同一个项目生成 Android 应用程序，并且我正在使用电容器来生成应用程序和资源。
Apk 文件已正确创建，但应用程序图标未正确创建。当使用默认的应用程序图标（电容图标）时，它可以工作，当使用自定义图标时，图像会被剪切。

原件 (512x512)

图标是这样的

[ 脚本 ]

以下是生成的步骤。
一开始配置还可以。所有脚本都在没有警报的情况下运行。

生成资源

> cordova-res android --skip-config --copy

所有资源均已创建，并且每个维度的大小都正确。

生成 APK

> ng build --prod && ionic cap copy android && cd android && gradlew assemble && cd ..

[ 配置 ]

Ionic:

   Ionic CLI                     : 5.4.16 (C:\Users\rpizao\AppData\Roaming\nvm\v12.16.1\node_modules\ionic)
   Ionic Framework               : @ionic/angular 5.3.4
   @angular-devkit/build-angular : 0.1000.8
   @angular-devkit/schematics    : 10.0.8
   @angular/cli                  : 10.0.8
   @ionic/angular-toolkit        : 2.3.3

Capacitor:

   Capacitor CLI   : 2.4.2
   @capacitor/core : 2.4.2

Cordova:

   Cordova CLI       : 10.0.0
   Cordova Platforms : android 9.1.0
   Cordova Plugins   : not available

Utility:

   cordova-res : 0.15.3
   native-run  : 1.3.0

System:

   Android SDK Tools : 25.2.3 (D:\apps\Android)
   NodeJS            : v12.16.1 (C:\Program Files\nodejs\node.exe)
   npm               : 6.13.4
   OS                : Windows 10

【问题讨论】：

你需要1024*1024的图标大小
运行'cordova-res android --skip-config --copy'，最小值为512。

标签： cordova gradle ionic4 capacitor

【解决方案1】：

在两种解决方案中创建的尺寸相同，但使用cordova-res 我的图标生成时没有正确的图标边框边框。
使用像https://easyappicon.com 这样的网络解决方案是可行的。

【讨论】：