AndroidおよびiOS向けのCordovaを使用するアプリのアイコンを設定する方法

Android用のCordova Phonegapを使用してアプリケーションを作成しますが、Android用とiOS用の両方をサポートするようにアプリのアイコンを設定する方法については混乱させます。AndroidおよびiOS向けのCordovaを使用するアプリのアイコンを設定する方法

出典

2017-01-11 Shivanand L.C

以下の回答は、Shivanandの助けになりましたか？ – halfer

3210の<icon>要素を使用して設定することができます。これは、プロジェクトの主要なCordova構成ファイルです。ターゲットとするプラットフォームごとに、さまざまなサイズのアイコンが必要になります。

例Android用3210エントリ：

<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/[email protected]" 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/[email protected]" width="120" height="120" /> 
    <!-- iPad --> 
    <icon src="res/ios/icon-76.png" width="76" height="76" /> 
    <icon src="res/ios/[email protected]" width="152" height="152" /> 
    <!-- Spotlight Icon --> 
    <icon src="res/ios/icon-40.png" width="40" height="40" /> 
    <icon src="res/ios/[email protected]" width="80" height="80" /> 
    <!-- iOS 6.1 --> 
    <!-- iPhone/iPod Touch --> 
    <icon src="res/ios/icon.png" width="57" height="57" /> 
    <icon src="res/ios/[email protected]" width="114" height="114" /> 
    <!-- iPad --> 
    <icon src="res/ios/icon-72.png" width="72" height="72" /> 
    <icon src="res/ios/[email protected]" width="144" height="144" /> 
    <!-- iPhone Spotlight and Settings Icon --> 
    <icon src="res/ios/icon-small.png" width="29" height="29" /> 
    <icon src="res/ios/[email protected]" width="58" height="58" /> 
    <!-- iPad Spotlight and Settings Icon --> 
    <icon src="res/ios/icon-50.png" width="50" height="50" /> 
    <icon src="res/ios/[email protected]" width="100" height="100" /> 
    <!-- iPad Pro --> 
    <icon src="res/ios/[email protected]" width="167" height="167" /> 
</platform>

あなたは、あなたのプロジェクトであなたのアイコンを格納している場所への適切な相対パスにsrcを設定する必要があります。 .. res/<platform_name>/...は良いパスですが、何でも使えます。

さらに詳しい情報は、公式Cordova documentationにあります。

出典

2017-01-12 05:46:41

私は 'config.xml'に' icon'を追加しようとしましたが、成功しませんでした。 – ELITE

AndroidおよびiOS向けのCordovaを使用するアプリのアイコンを設定する方法

答えて

関連する問題