如何更改离子应用程序的图标？

Question

我尝试了几个小时将 ionic 应用程序部署到 android 设备。我已经更改了图标和启动画面。

然后我做：

ionic resources

我得到：

然后我做：

ionic platform rm android
ionic platform add android
ionic run android

但我始终使用 ionic 的默认图标和初始值。我在资源文件夹中看到了，我在 android 文件夹中有正确的图像。

你能看出我做错了什么吗？

Answer 1

在 Ionic 3 中：

ionic cordova resources

自动创建图标和启动画面资源 Ionic 可以为您的 Cordova 平台从源图像（.png、.psd 或 .ai）自动生成大小合适的图标和启动画面。

理想情况下，图标的源图像应至少为 1024×1024px，并位于 resources/icon.png。初始屏幕的源图像理想情况下应至少为 2732×2732px，并位于 resources/splash.png。如果你使用了 ionic start，resources/ 目录下应该已经有默认的 Ionic 资源，你可以覆盖它。

您还可以通过将它们放置在相应的资源// 目录中来生成特定于平台的图标和启动画面。例如，要为 Android 生成图标，请将您的图像放在 resources/android/icon.png。

默认情况下，该命令不会重新生成源图像未更改的资源。要禁用此功能并始终覆盖生成的图像，请使用 --force。

为获得最佳效果，初始屏幕的图稿应大致适合图像中心的正方形 (1200×1200 像素)。 您可以使用https://code.ionicframework.com/resources/splash.psd 作为初始屏幕的模板。

ionic cordova 资源将自动更新您的 config.xml 以反映生成的图像中的更改，然后 Cordova 对其进行配置。

Cordova 参考文档： - Icons - Splash Screens

此命令使用 Ionic 服务器，因此我们必须登录免费的 Ionic 帐户。使用离子登录方式登录。

用法：

$ ionic resources [<platform>] [options]

输入：

platform ................. The platform for which you would like to generate resources (e.g. ios, android)

选项：

--force, -f .............. Force regeneration of resources
--icon, -i ............... Generate icon resources
--splash, -s ............. Generate splash screen resources

例子：

$ ionic cordova resources
$ ionic cordova resources ios
$ ionic cordova resources android

Answer 2

cordova-android 平台版本 6.0.0 中存在一个错误，它将资源复制到 /res 而不是 /platforms/android/res。最新版本的cordova（6.5.0）有cordova-android平台版本6.1.1，修复了这个bug。

npm install -g cordova

可能还需要手动更新 cordova-android 版本。

cordova platform update android@6.1.1

Answer 3

更新

此问题已在 Cordova 6.5.0 中修复。

使用以下命令将您的项目更新到 Cordova 6.5.0。

• npm install -g 科尔多瓦

如果您已经使用 cordova 早期版本构建了项目，则必须更新项目的 android 平台。

• cordova平台更新android@6.1.1

使用以下命令：

1. 离子准备android
2. 离子资源 --clean-cache

如果这不能解决您的问题。

在您当前的项目文件中，该文件夹中有一个 res 文件夹，您可以找到生成的图标和相关文件夹。您可以复制该文件夹内的内容并将相关内容替换为 platform/android/res 文件夹。

Answer 4

ionic platfrom 在控制台中添加 android 写入， 添加平台后 去 平台>Android >res>mipmap-mdpi+mipmap-ldpi+mipmap-hdpi+mipmap-xhdpi。 并更改那些文件夹图标

这是另一种生成图标的方式 写在cli-

ionic resources --icon

Answer 5

1. 首先确保删除所有平台。
2. 确保资源文件夹中有 icon.png 和 splash.png
3. 运行：

离子科尔多瓦资源

4. 现在运行：

离子修复

当你看到这个时输入yes并输入：

[INFO] 离子修复将执行以下操作：

   - Remove node_modules/ and package-lock.json
   - Run npm i to restore dependencies
   - Remove platforms/ and plugins/
   - Run cordova prepare to restore platforms and plugins
   

？继续？

5. 现在构建：

离子构建 --prod --release

此时您可以推送您的网页版本，图标将显示在浏览器中，如果您添加平台，图标将与您的品牌图标匹配。