Search code examples
ioscordovasencha-touchsencha-touch-2sencha-cmd

Set iOS app icons in Sencha Touch + phonegap?


I have seen a lot of different approaches to this but none seem to work for me. What is the straightforward way to set iOS app icons for a vanilla touch 2.3.1 + phonegap project with cmd 4? I have all the files in /resources/icons and have set the appropriate paths in /config.xml like this:

 <icon gap:platform="ios" height="57" src="resources/icons/Icon.png" width="57" />
<icon gap:platform="ios" height="72" src="resources/icons/Icon-72.png" width="72" />
<icon gap:platform="ios" height="114" src="resources/icons/[email protected]" width="114" />
<icon gap:platform="ios" height="144" src="resources/icons/[email protected]" width="144" />

but no dice even with variations of "www/resources", "../resources" etc. is there some kind of cache that needs to be cleared? What about for splash and loading icons too? This seems to be a hole in the docs.

Thanks!


Solution

  • I guess you are using wrong size. Try one of these:

    <platform name="ios">
        <!-- iOS 7.0+ -->
        <!-- iPhone / iPod Touch  -->
        <icon src="res/icon/ios/icon-60.png" width="60" height="60" />
        <icon src="res/icon/ios/[email protected]" width="120" height="120" />
        <!-- iPad -->
        <icon src="res/icon/ios/icon-76.png" width="76" height="76" />
        <icon src="res/icon/ios/[email protected]" width="152" height="152" />
        <!-- iOS 6.1 -->
        <!-- Spotlight Icon -->
        <icon src="res/icon/ios/icon-40.png" width="40" height="40" />
        <icon src="res/icon/ios/[email protected]" width="80" height="80" />
        <!-- iPhone / iPod Touch -->
        <icon src="res/icon/ios/icon.png" width="57" height="57" />
        <icon src="res/icon/ios/[email protected]" width="114" height="114" />
        <!-- iPad -->
        <icon src="res/icon/ios/icon-72.png" width="72" height="72" />
        <icon src="res/icon/ios/[email protected]" width="144" height="144" />
        <!-- iPhone Spotlight and Settings Icon -->
        <icon src="res/icon/ios/icon-small.png" width="29" height="29" />
        <icon src="res/icon/ios/[email protected]" width="58" height="58" />
        <!-- iPad Spotlight and Settings Icon -->
        <icon src="res/icon/ios/icon-50.png" width="50" height="50" />
        <icon src="res/icon/ios/[email protected]" width="100" height="100" />
      </platform>
    
    
    
    <!-- iOS 7.0+ -->
      <!-- iPhone / iPod Touch  -->
      <icon src="res/icon/ios/icon-60.png" gap:platform="ios" width="60" height="60" />
      <icon src="res/icon/ios/[email protected]" gap:platform="ios" width="120" height="120" />
    
      <!-- iPad -->
      <icon src="res/icon/ios/icon-76.png" gap:platform="ios" width="76" height="76" />
      <icon src="res/icon/ios/[email protected]" gap:platform="ios" width="152" height="152" />
    
      <!-- Settings Icon -->
      <icon src="res/icon/ios/icon-small.png" gap:platform="ios" width="29" height="29" />
      <icon src="res/icon/ios/[email protected]" gap:platform="ios" width="58" height="58" />
    
      <!-- Spotlight Icon -->
      <icon src="res/icon/ios/icon-40.png" gap:platform="ios" width="40" height="40" />
      <icon src="res/icon/ios/[email protected]" gap:platform="ios" width="80" height="80" />
    
      <!-- iOS 6.1 -->
      <!-- iPhone / iPod Touch  -->
      <icon src="res/icon/ios/icon.png" gap:platform="ios" width="57" height="57" />
      <icon src="res/icon/ios/[email protected]" gap:platform="ios" width="114" height="114" />
    
      <!-- iPad -->
      <icon src="res/icon/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
      <icon src="res/icon/ios/[email protected]" gap:platform="ios" width="144" height="144" />
    
      <!-- iPhone Spotlight and Settings Icon -->
      <icon src="res/icon/ios/icon-small.png" gap:platform="ios" width="29" height="29" />
      <icon src="res/icon/ios/[email protected]" gap:platform="ios" width="58" height="58" />
    
      <!-- iPad Spotlight and Settings Icon -->
      <icon src="res/icon/ios/icon-50.png" gap:platform="ios" width="50" height="50" />
      <icon src="res/icon/ios/[email protected]" gap:platform="ios" width="100" height="100" />