如何使用适用于 Android 和 iOS 的 Cordova 为应用程序设置图标答案

【问题标题】：How to set Icon for app using Cordova for Android and iOS如何使用适用于 Android 和 iOS 的 Cordova 为应用程序设置图标
【发布时间】：2017-05-25 22:43:37
【问题描述】：

我使用适用于 Android 的 Cordova Phonegap 构建了一个应用程序，但对如何为我的应用程序设置应用程序图标以使其同时支持 Android 和 iOS 感到困惑。

【问题讨论】：

希瓦南德，下面的答案有帮助吗？

标签： android ios cordova

【解决方案1】：

您可以使用 config.xml 中的 <icon> 元素进行配置，这是您项目的主要 Cordova 配置文件。您将需要针对您所定位的不同平台的各种尺寸的图标。

Android 的 config.xml 条目示例：

<platform name="android">
    <!--
        ldpi    : 36x36 px
        mdpi    : 48x48 px
        hdpi    : 72x72 px
        xhdpi   : 96x96 px
        xxhdpi  : 144x144 px
        xxxhdpi : 192x192 px
    -->
    <icon src="res/android/ldpi.png" density="ldpi" />
    <icon src="res/android/mdpi.png" density="mdpi" />
    <icon src="res/android/hdpi.png" density="hdpi" />
    <icon src="res/android/xhdpi.png" density="xhdpi" />
    <icon src="res/android/xxhdpi.png" density="xxhdpi" />
    <icon src="res/android/xxxhdpi.png" density="xxxhdpi" />
</platform>

对于 iOS：

<platform name="ios">
    <!-- iOS 8.0+ -->
    <!-- iPhone 6 Plus  -->
    <icon src="res/ios/icon-60@3x.png" width="180" height="180" />
    <!-- iOS 7.0+ -->
    <!-- iPhone / iPod Touch  -->
    <icon src="res/ios/icon-60.png" width="60" height="60" />
    <icon src="res/ios/icon-60@2x.png" width="120" height="120" />
    <!-- iPad -->
    <icon src="res/ios/icon-76.png" width="76" height="76" />
    <icon src="res/ios/icon-76@2x.png" width="152" height="152" />
    <!-- Spotlight Icon -->
    <icon src="res/ios/icon-40.png" width="40" height="40" />
    <icon src="res/ios/icon-40@2x.png" width="80" height="80" />
    <!-- iOS 6.1 -->
    <!-- iPhone / iPod Touch -->
    <icon src="res/ios/icon.png" width="57" height="57" />
    <icon src="res/ios/icon@2x.png" width="114" height="114" />
    <!-- iPad -->
    <icon src="res/ios/icon-72.png" width="72" height="72" />
    <icon src="res/ios/icon-72@2x.png" width="144" height="144" />
    <!-- iPhone Spotlight and Settings Icon -->
    <icon src="res/ios/icon-small.png" width="29" height="29" />
    <icon src="res/ios/icon-small@2x.png" width="58" height="58" />
    <!-- iPad Spotlight and Settings Icon -->
    <icon src="res/ios/icon-50.png" width="50" height="50" />
    <icon src="res/ios/icon-50@2x.png" width="100" height="100" />
    <!-- iPad Pro -->
    <icon src="res/ios/icon-83.5@2x.png" width="167" height="167" />
</platform>

您需要将src 设置为您在项目中存储图标的适当相对路径...res/<platform_name>/... 是一个很好的使用路径，但您可以使用任何东西。

更多信息可查看官方Cordova documentation。

【讨论】：

不工作..我尝试在config.xml 中添加icon 但没有成功..仍然看到默认徽标
这里相同..不适用于 iPhone..你是如何解决这个问题的？

【解决方案2】：

将您的图标粘贴到 res->icon->android = 如果是 android，则粘贴到 android，如果是 ios，则粘贴到 ios。比打开cordova项目的主配置文件后。如下所示：

<platform name="android">
    <allow-intent href="market:*" />
    <icon density="ldpi" src="res/icon/android/user.png" />
    <icon density="mdpi" src="res/icon/android/user.png" />
    <icon density="hdpi" src="res/icon/android/user.png" />
    <icon density="xhdpi" src="res/icon/android/user.png" />
</platform>

【讨论】：

【解决方案3】：

还要确保目标平台是使用 config-file 标签的目标平台。

例子：

<gap:config-file platform="android">

【讨论】：