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

时间:2017-01-11 08:21:43

标签: android ios cordova

我使用适用于Android的Cordova Phonegap构建了一个应用程序,但对如何为我的应用设置应用程序图标感到困惑,因此它应该支持Android和iOS。

3 个答案:

答案 0 :(得分:10)

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

Android的示例<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> 条目:

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

和iOS:

src

您需要将res/<platform_name>/...设置为在项目中存储图标的相应路径... Intent change = new Intent(FirstActivity.this, SecondActivity.class); startActivity(change); 将是一个很好的使用路径,但您可以使用任何东西。< / p>

更多信息可在官方Cordova documentation中找到。

答案 1 :(得分:0)

将你的图标粘贴到res-&gt; icon-&gt; 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>

答案 2 :(得分:0)

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

示例:

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