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

Question

我试图将一个离子应用程序部署到Android设备上几个小时。我已经更改了图标和启动。

然后我这样做：

ionic resources

我获得：

然后我这样做：

ionic platform rm android
ionic platform add android
ionic run android

但我总是有离子的默认图标和泼溅值。我在资源文件夹中看到，我在android文件夹中有正确的图像。

你能看出我做错了吗？

Answer 1

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 2

Ionic 3中的

ionic cordova resources

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

图标的源图像理想情况下应至少为1024×1024像素，位于resources / icon.png。初始屏幕的源图像最好至少为2732×2732px，位于resources / splash.png。如果您使用了离子启动，则资源/目录中应该已经存在默认的Ionic资源，您可以覆盖它们。

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

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

为获得最佳效果，启动画面的图稿应大致适合图像中心的正方形（1200×1200像素）。 您可以使用https://code.ionicframework.com/resources/splash.psd作为启动画面的模板。

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

Cordova参考文档：      - Icons      - Splash Screens

此命令使用Ionic服务器，因此我们必须登录免费的Ionic帐户。使用ionic login登录。

用法：

$ 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 3

更新

此问题已在Cordova 6.5.0中修复。

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

• npm install -g cordova

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

• cordova平台更新android@6.1.1

<击> 使用以下命令：

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

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

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

Answer 4

离子平台在控制台中添加android写入， 添加平台后 去 平台＆gt; Android＆gt; res＆gt; mipmap-mdpi + mipmap-ldpi + mipmap-hdpi + mipmap-xhdpi。 并更改这些文件夹图标

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

ionic resources --icon

Answer 5

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

离子科尔多瓦资源

1. 现在运行：

离子修复

键入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
   

？继续吗？

1. 现在构建：

ionic build --prod --release

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