android - 在 Cordova/PhoneGap 中生成 iOS 和 Android 图标

Question

我有一个新创建的 Cordova 项目，具有以下 config.xml 设置(使用 http://docs.phonegap.com/en/edge/config_ref_images.md.html 中的说明)。我还添加了 2 个平台(iOS 和 Android)。

当我运行 cordova run ios 或 cordova run android 时，项目仍然有默认的 Cordova 图标。我对文档的理解是，Corodva 应该根据我在 config.xml 中提供的 icon.png 自动创建图标。

config.xml:

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.testapp" version="1.1.2" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>SingleApp</name>
  <preference name="DisallowOverscroll" value="true" />
  <preference name="AutoHideSplashScreen" value="false" />
  <preference name="Orientation" value="portrait" />
  <preference name="Fullscreen" value="false" />
  <preference name="target-device" value="handset" />

  <description>
      A sample Apache Cordova application that responds to the deviceready event.
  </description>
  <author email="dev@cordova.apache.org" href="http://cordova.io">
      Apache Cordova Team
  </author>
  <content src="index.html" />
  <access origin="*" />

  <icon src="icon.png" />

</widget>

Answer 1

我编写了一个脚本，它使用 ImageMagick 自动为 Cordova 生成图标:

https://github.com/AlexDisler/cordova-icon

要使用它，请创建一个“icon.png”文件并将其放在项目的根文件夹中，然后运行:

cordova-icon

它会为您的项目所拥有的平台生成所有必需的图标。

您还可以将其配置为您的 cordova 项目中的钩子(Hook)，这样每次构建项目时都会根据您添加的 icon.png 生成图标。 (自述文件中的说明)。