生成 apk 后显示的 Ionic 应用程序图标图像被裁剪
Image of the Ionic app icon displayed cropped after generating the apk
[将问题背景化]
我有一个 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
两种解决方案中创建的尺寸相同,但使用 cordova-res
我生成的图标没有正确的圆形图标边框。
使用像 https://easyappicon.com 这样的网络解决方案是可行的。