Phonegap AppのSpotlightにアイコンが表示されるように設定するにはどうすればいいですか？

Question

私は、HTML & Javascriptでコーディングされ、PhonegapビルドWebサービスを通じてiOSとAndroidアプリに組み込まれているアプリケーションを作成しています。

iOSのSpotlightでアプリを検索すると、アプリのアイコンの代わりにデフォルトのPhonegapアイコンが表示されます。私はそれが私のアプリのアイコンを表示する必要があります。

私はそうのように、異なるサイズのアイコンと設定さconfig.xmlが作成されました：その後

<icon src="res/logo.png"/> 
<platform name="ios"> 
     <icon src="res/iOS/icons/Icon-App-20x20@1x.png" width="20" height="20" /> 
     <icon src="res/iOS/icons/Icon-App-20x20@2x.png" width="40" height="40" /> 
     <icon src="res/iOS/icons/Icon-App-20x20@3x.png" width="60" height="60" /> 
     <icon src="res/iOS/icons/Icon-App-29x29@1x.png" width="29" height="29" /> 
     <icon src="res/iOS/icons/Icon-App-29x29@2x.png" width="58" height="58" /> 
     <icon src="res/iOS/icons/Icon-App-29x29@3x.png" width="87" height="87" /> 
     <icon src="res/iOS/icons/Icon-App-40x40@1x.png" width="40" height="40" /> 
     <icon src="res/iOS/icons/Icon-App-40x40@2x.png" width="80" height="80" /> 
     <icon src="res/iOS/icons/Icon-App-40x40@3x.png" width="120" height="120" /> 
     <icon src="res/iOS/icons/Icon-App-57x57@1x.png" width="57" height="57" /> 
     <icon src="res/iOS/icons/Icon-App-57x57@2x.png" width="114" height="114" /> 
     <icon src="res/iOS/icons/Icon-App-60x60@1x.png" width="60" height="60" /> 
     <icon src="res/iOS/icons/Icon-App-60x60@2x.png" width="120" height="120" /> 
     <icon src="res/iOS/icons/Icon-App-60x60@3x.png" width="180" height="180" /> 
     <icon src="res/iOS/icons/Icon-App-72x72@1x.png" width="72" height="72" /> 
     <icon src="res/iOS/icons/Icon-App-72x72@2x.png" width="144" height="144" /> 
     <icon src="res/iOS/icons/Icon-App-76x76@1x.png" width="76" height="76" /> 
     <icon src="res/iOS/icons/Icon-App-76x76@2x.png" width="152" height="152" /> 
     <icon src="res/iOS/icons/Icon-App-76x76@3x.png" width="228" height="228" /> 
    </platform> 
<icon src="icon.png" /> 

、私はSRCでのパスに対応するファイルを入れています。

私は行方不明にするべきことがありますか？

Answer 1

PNG画像をPhoneGapのiOSとAndroid APPアイコンに変換できる使いやすいツールを作成しました。

すべてのサイズが異なるため、1204x1204ピクセルのPNGファイルをアップロードして数秒でアイコンを取得するだけで済みます。

<!-- iPhone and iPod touch --> 
<splash src="Default.png" gap:platform="ios" width="320" height="480" /> 
<splash src="Default@2x.png" gap:platform="ios" width="640" height="960" /> 


<!-- iPhone 5/iPod Touch (5th Generation) --> 
<splash src="Default-568h@2x.png" gap:platform="ios" width="640" height="1136" /> 



<!-- iPhone 6 --> 
<splash src="Default-667h@2x.png" gap:platform="ios" width="750" height="1334" /> 
<splash src="Default-Portrait-736h@3x.png" gap:platform="ios" width="1242" height="2208" /> 

<!-- iPad --> 
<splash src="Default-Portrait.png" gap:platform="ios" width="768" height="1024" /> 
<splash src="Default-Landscape.png" gap:platform="ios" width="1024" height="768" /> 


<!-- Retina iPad --> 
<splash src="Default-Portrait@2x.png" gap:platform="ios" width="1536" height="2048" /> 




<gap:plugin name="cordova-plugin-network-information" source="npm" /> 

<gap:plugin name="cordova-plugin-inappbrowser" source="npm" /> 

<icon src="icon.png" gap:role="default" /> 
<icon src="icons/ios/icon.png" /> 

<!-- iPhone 6/6+ --> 
<icon src="icons/ios/icon-60@3x.png" gap:platform="ios" width="180" height="180" /> 

<!-- iPhone/iPod Touch --> 
<icon src="icons/ios/icon-60.png" gap:platform="ios" width="60" height="60" /> 
<icon src="icons/ios/icon-60@2x.png" gap:platform="ios" width="120" height="120" /> 

<!-- iPad --> 
<icon src="icons/ios/icon-76.png" gap:platform="ios" width="76" height="76" /> 
<icon src="icons/ios/icon-76@2x.png" gap:platform="ios" width="152" height="152" /> 

<!-- Settings Icon --> 
<icon src="icons/ios/icon-small.png" gap:platform="ios" width="29" height="29" /> 
<icon src="icons/ios/icon-small@2x.png" gap:platform="ios" width="58" height="58" /> 

<!-- Spotlight Icon --> 
<icon src="icons/ios/icon-40.png" gap:platform="ios" width="40" height="40" /> 
<icon src="icons/ios/icon-40@2x.png" gap:platform="ios" width="80" height="80" /> 

<icon src="icons/ios/icon-40@3x.png" gap:platform="ios" width="120" height="120" /> 


<!-- iPhone/iPod Touch --> 
<icon src="icons/ios/icon.png" gap:platform="ios" width="57" height="57" /> 
<icon src="icons/ios/icon@2x.png" gap:platform="ios" width="114" height="114" /> 

<!-- iPad --> 
<icon src="icons/ios/icon-72.png" gap:platform="ios" width="72" height="72" /> 
<icon src="icons/ios/icon-72@2x.png" gap:platform="ios" width="144" height="144" /> 

<!-- iPhone Spotlight and Settings Icon --> 
<icon src="icons/ios/icon-small.png" gap:platform="ios" width="29" height="29" /> 
<icon src="icons/ios/icon-small@2x.png" gap:platform="ios" width="58" height="58" /> 

<!-- iPad Spotlight and Settings Icon --> 
<icon src="icons/ios/icon-50.png" gap:platform="ios" width="50" height="50" /> 
<icon src="icons/ios/icon-50@2x.png" gap:platform="ios" width="100" height="100" /> 



<!-- iPhone/iPod Touch --> 
<icon src="icons/ios/icon.png" gap:platform="ios" width="57" height="57" /> 
<icon src="icons/ios/icon@2x.png" gap:platform="ios" width="114" height="114" /> 

<!-- iPhone Spotlight and Settings Icon --> 
<icon src="icons/ios/icon-small.png" gap:platform="ios" width="29" height="29" /> 
<icon src="icons/ios/icon-small@2x.png" gap:platform="ios" width="58" height="58" /> 



<!-- Android Icon --> 
<icon src="icons/android/icon.png" gap:platform="android" gap:role="default" /> 
<icon src="icons/android/ldpi.png" gap:platform="android" gap:qualifier="ldpi" /> 
<icon src="icons/android/mdpi.png" gap:platform="android" qualifier="mdpi" /> 
<icon src="icons/android/hdpi.png" gap:platform="android" qualifier="hdpi" /> 
<icon src="icons/android/xhdpi.png" gap:platform="android" qualifier="xhdpi" /> 
<icon src="icons/android/xxhdpi.png" gap:platform="android" qualifier="xxhdpi" /> 
<icon src="icons/android/xxxhdpi.png" gap:platform="android" qualifier="xxxhdpi" /> 

ていることを確認してください：

https://vps267717.ovh.net/phonegap-assets/

は、あなたの質問については、あなたがあなたののconfig.xmlに次のコードを使用する必要があります。

この

は、ツールへのリンクありアイコンへのパスはアイコンに反映され、すべて正常に動作するはずです。