My IOS application is created with phonegap build which was not showing its Icon/Launch Image.
I have include icon image in res/icon/ios folder with size 57*57, 114*114, 40*40, 80*80, 120*120, 50*50, 100*100, 60*60, 120*120, 180*180, 72*72, 144*144, 76*76, 152*152, 29*29, 58*58, 87*87 .And Config file having path to icon image is
<icon src="icon.png"/>
<platform name="ios">
<icon src="res/icon/ios/icon.png" width="57" height="57"/>
<icon src="res/icon/ios/icon#2x.png" width="114" height="114"/>
<icon src="res/icon/ios/icon-40.png" width="40" height="40"/>
<icon src="res/icon/ios/icon-40#2x.png" width="80" height="80"/>
<icon src="res/icon/ios/icon-50.png" width="50" height="50"/>
<icon src="res/icon/ios/icon-50#2x.png" width="100" height="100"/>
<icon src="res/icon/ios/icon-60.png" width="60" height="60"/>
<icon src="res/icon/ios/icon-60#2x.png" width="120" height="120"/>
<icon src="res/icon/ios/icon-60#3x.png" width="180" height="180"/>
<icon src="res/icon/ios/icon-72.png" width="72" height="72"/>
<icon src="res/icon/ios/icon-72#2x.png" width="144" height="144"/>
<icon src="res/icon/ios/icon-76.png" width="76" height="76"/>
<icon src="res/icon/ios/icon-76#2x.png" width="152" height="152"/>
<icon src="res/icon/ios/icon-small.png" width="29" height="29"/>
<icon src="res/icon/ios/icon-small#2x.png" width="58" height="58"/>
<icon src="res/icon/ios/icon-small#3x.png" width="87" height="87"/>
<icon height="87" src="res/icon/ios/icon-87.png" width="87" />
<icon height="58" src="res/icon/ios/icon-58.png" width="58" />
My www folder structure is
and res/icon/ios structure is
But Ios build version completely ignored this icon images.
I create ipa file with build.phonegap.com , and to check icon image , I extract this ipa file , then get file structure like Payload/ShreeMedical.app contaning various size AppIcon and LaunchImages and but all are black image not my icon image.
Untitled.pngHow to solve this problem.
You have that icons names will match icons names in info.plist file
check your app icons here Assets.xcassets -> AppIcon.appiconset , there has Contents json and icon images you can give image names in json and images in that folder then it automatically set.
same for launch images also "Assets.xcassets -> LaunchImage.launchimage" give names in Contents json and give images in the same folder
once check below image for reference
Related
I have an phonegab build iOS App which in working fine more than 3 years. Yesterday my iOS App Binary Rejected by Apple review team. They mentioned some icons missing in app. Here is the full details they provide.
iPhone icon “TabletApplicationIconHD167” remains blank. For
information regarding app icons, you may want to refer to the iTunes
Connect Developer Guide
I can't get anything from google by searching "TabletApplicationIconHD167". I tested in iPhone 6 plus and working fine. Here I attach my icons list in my config.xml.
<platform name="ios">
<!-- iPhone / iPod Touch iOS 7.0+ -->
<icon src="res/ios/icons/icon-60.png" width="60" height="60" />
<icon src="res/ios/icons/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="res/ios/icons/icon-76.png" width="76" height="76" />
<icon src="res/ios/icons/icon-76#2x.png" width="152" height="152" />
<!-- Settings Icon -->
<icon src="res/ios/icons/icon-small.png" width="29" height="29" />
<icon src="res/ios/icons/icon-small#2x.png" width="58" height="58" />
<!-- Spotlight Icon -->
<icon src="res/ios/icons/icon-40.png" width="40" height="40" />
<icon src="res/ios/icons/icon-40#2x.png" width="80" height="80" />
<!-- iPhone / iPod Touch iOS 6.1-->
<!-- <icon src="res/ios/icons/icon.png" width="57" height="57" /> -->
<icon src="res/ios/icons/icon#2x.png" width="114" height="114" />
<!-- iPad -->
<icon src="res/ios/icons/icon-72.png" width="72" height="72" />
<icon src="res/ios/icons/icon-72#2x.png" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<!-- <icon src="res/ios/icons/icon-small.png" width="29" height="29" />
<icon src="res/ios/icons/icon-small#2x.png" width="58" height="58" /> -->
<!-- iPad Spotlight and Settings Icon -->
<icon src="res/ios/icons/icon-50.png" width="50" height="50" />
<icon src="res/ios/icons/icon-50#2x.png" width="100" height="100" />
<!-- iPhone 6 / 6+ -->
<icon src="res/ios/icons/icon-60#3x.png" width="180" height="180" />
I believe you need an app icon for the iPad Pro which is 167x167
App Icon Sizes
iPad Pro 167px × 167px (83.5pt × 83.5pt #2x)
Trying to submit my phonegap app on iTunes Connect, got this errors:
Here my config.xml:
<icon src="icon.png" />
<platform name="android">
<icon src="www/res/android/icon.png" />
</platform>
<platform name="ios">
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="www/res/ios/icon-40.png" width="40" height="40" />
<icon src="www/res/ios/icon-40#2x.png" width="80" height="80" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="www/res/ios/icon-50.png" width="50" height="50" />
<icon src="www/res/ios/icon-50#2x.png" width="100" height="100" />
<!-- iPhone / iPod Touch -->
<icon src="www/res/ios/icon-57.png" width="57" height="57" />
<icon src="www/res/ios/icon-57#2x.png" width="114" height="114" />
<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="www/res/ios/icon-60.png" width="60" height="60" />
<icon src="www/res/ios/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="www/res/ios/icon-72.png" width="72" height="72" />
<icon src="www/res/ios/icon-72#2x.png" width="144" height="144" />
<!-- iPad -->
<icon src="www/res/ios/icon-76.png" width="76" height="76" />
<icon src="www/res/ios/icon-76#2x.png" width="152" height="152" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="www/res/ios/icon-small.png" width="29" height="29" />
<icon src="www/res/ios/icon-small#2x.png" width="58" height="58" />
</platform>
I've already tried to move config xml to /www folder but the same problem occurs.
Can someone help me? Where is my mistake?
#felipe,
I have working examples for Phonegap Build. You can borrow from here:
https://github.com/jessemonroy650/Phonegap-Splashscreen-Test
Best of Luck
Try to create new directory in root (not www) of your project and place there your icons. Config.xml also should be in a root of the project.
For example
<icon src="icons/res/ios/icon-40.png" width="40" height="40" />
You can also upload your icons manually using xcode.
I have developed a phonegap application which is running absolutely fine on iPhone. Now, I want to submit the app to the appstore. Following is the procedure I am following to submit my app:
Open Xcode and archive the project
Click on validate (which is successful)
Click on Submit to appstore (which is where I am getting the following error)
Not sure, where I am going wrong. And I have written the following in config.xml and all the icons of perfect dimensions are there in the icons folder including icon.png of 57x57 dimension:
<platform name="ios">
<!-- iOS 8.0+ -->
<!-- iPhone 6 Plus -->
<icon src="Resources/icons/icon-60#3x.png" width="180" height="180" />
<!-- iOS 7.0+ -->
<!-- iPhone / iPod Touch -->
<icon src="Resources/icons/icon-60.png" width="60" height="60" />
<icon src="Resources/icons/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="Resources/icons/icon-76.png" width="76" height="76" />
<icon src="Resources/icons/icon-76#2x.png" width="152" height="152" />
<!-- iOS 6.1 -->
<!-- Spotlight Icon -->
<icon src="Resources/icons/icon-40.png" width="40" height="40" />
<icon src="Resources/icons/icon-40#2x.png" width="80" height="80" />
<!-- iPhone / iPod Touch -->
<icon src="Resources/icons/AppIcon57x57.png" width="57" height="57" />
<icon src="Resources/icons/AppIcon29x29.png" width="29" height="29" />
<icon src="Resources/icons/icon.png" width="57" height="57" />
<icon src="Resources/icons/icon#2x.png" width="114" height="114" />
<!-- iPad -->
<icon src="Resources/icons/icon-72.png" width="72" height="72" />
<icon src="Resources/icons/icon-72#2x.png" width="144" height="144" />
<!-- iPhone Spotlight and Settings Icon -->
<icon src="Resources/icons/icon-small.png" width="29" height="29" />
<icon src="Resources/icons/icon-small#2x.png" width="58" height="58" />
<!-- iPad Spotlight and Settings Icon -->
<icon src="Resources/icons/icon-50.png" width="50" height="50" />
<icon src="Resources/icons/icon-50#2x.png" width="100" height="100" />
</platform>
The issue was the images were interlaced and so the error. Make sure the png files that you upload are NOT INTERLACED.
This fixed my issue.
I had got this one before. I resloved this by: Opening images.xcassets folder in Xcode, tapping on AppIcon and then manually dragging and dropping the respective app icons in each field. Luckily I had comps for all fields and I was able to solve it. Hope this information help.
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/Icon#2x.png" width="114" />
<icon gap:platform="ios" height="144" src="resources/icons/Icon-72#2x.png" 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!
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/icon-60#2x.png" width="120" height="120" />
<!-- iPad -->
<icon src="res/icon/ios/icon-76.png" width="76" height="76" />
<icon src="res/icon/ios/icon-76#2x.png" 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/icon-40#2x.png" width="80" height="80" />
<!-- iPhone / iPod Touch -->
<icon src="res/icon/ios/icon.png" width="57" height="57" />
<icon src="res/icon/ios/icon#2x.png" width="114" height="114" />
<!-- iPad -->
<icon src="res/icon/ios/icon-72.png" width="72" height="72" />
<icon src="res/icon/ios/icon-72#2x.png" 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/icon-small#2x.png" 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/icon-50#2x.png" 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/icon-60#2x.png" 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/icon-76#2x.png" 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/icon-small#2x.png" 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/icon-40#2x.png" 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/icon#2x.png" 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/icon-72#2x.png" 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/icon-small#2x.png" 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/icon-50#2x.png" gap:platform="ios" width="100" height="100" />
I have listed down all the required resolution, name of icons and name of splash screens.
After naming all PNG files you need to put into the icons and splash folder which you can find in /ExampleApp/Platform/ios/ExampleApp/Resources folder.
For more details on your issues, you should read and follow this.
When we build our app in Phonegap Build for iOS, when we submit it to the app store, we get errors about our icons in the IPA.
We get errors like "ERROR ITMS-9000: "Missing required icon file. The bundle does not contain an app icon for iPhone / iPod Touch of exactly '120x120' pixels, in .png for iOS version >= 7.0"
The problem is our config.xml, from all indications is correct.
Here is a link to it if you'd like to see for yourself: https://gist.github.com/marcusds/352afdf47d90d2b13ebb
We are including our icons with:
<icon src="www/res/icon/ios/icon-60.png" gap:platform="ios" width="60" height="60" />
<icon src="www/res/icon/ios/icon-60#2x.png" gap:platform="ios" width="120" height="120" />
<icon src="www/res/icon/ios/icon-76.png" gap:platform="ios" width="76" height="76" />
<icon src="www/res/icon/ios/icon-76#2x.png" gap:platform="ios" width="152" height="152" />
Is that not correct?
What could we be doing incorrectly?
Change path of both the icon & splash screen from www/res/icon/ios/.. to res/icon/ios/ in your config.xml.
i.e.
<icon src="www/res/icon/ios/icon-60.png" gap:platform="ios" width="60" height="60"/>
<icon src="www/res/icon/ios/icon-60#2x.png" gap:platform="ios" width="60" height="60"/>
...
to this
<icon src="res/icon/ios/icon-60.png" gap:platform="ios" width="60" height="60" />
<icon src="res/icon/ios/icon-60#2x.png" gap:platform="ios" width="60" height="60"/>
...
Hope it works Now, Good luck.