如何使用適用於Android和iOS的Cordova為應用設置圖標

Question

我使用適用於Android的Cordova Phonegap構建了一個應用程序，但對於如何為我的應用程序設置應用程序圖標感到困惑，以便它既應支持Android也應支持iOS。

Answer 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官方文檔中找到更多信息。

Answer 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>

Answer 3

還要確保目標平台是使用config-file標記的目標平台。

例：

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