My Apple Watch app has been rejected by the App Store because the icon does not appear on the watch home screen. I do not see any icons at all in the simulator and the companion app on the iPhone simulator has my app selected to appear on the watch and has an icon.
Every Apple Watch icon is provided in images.xcassets which exists for the main iPhone app, WatchKit extension and the WatchKit App.
Please tell me how I can find out what the problem is.
These are the icons in my WatchKit app bundle.
I have also uploaded a 1024x1024 icon to iTunes Connect as required.
My attributes inspector shows this for Images.xcassets for my WatchKit App.
I am still looking for the Image Set setting screen.
In the WatchKit app Info.plist, there is only one icon under Icon files, icon40.png.
Found the Image Set which is now this.
I am actually using an AppIcon image set with these settings
The 40pt image is an 80x80 PNG and the 44pt an 88x88 PNG. The WatchKit target in the AppIcon setting points to my iPhone app Images.xcassets which has these icons.
Will resubmit to the App Store now with this info and hope for the best.
It looks like you are not assigning your icon to your Target.
You should not make an individual icon set for each size of icon, but make one icon set, of type AppIcon.
First, make an AppIcon in your images.xcassets, by right clicking in the left pane and choosing New App Icon:
Add your images, and in the properties, choose your watch kit app as Target Membership:
Then go to your Watch App Target and assign this AppIcon as Apps Icons Source:
The App Store rejected again, but I found out that in the Info.plist for my WatchKit App, there was a row for "Icon files" with one item pointing to a file that did not exist. This overrode the "App Icons Source" for the WatchKit App target. Once removed, the problem was solved. It did not matter how many times I tried to work in Images.xcassets, as long as "Icon files" was there, the icon would never appear on the Apple Watch.
Make sure the icon is included in the WatchKit app bundle (not extension) and that it meets all of the criteria Apple has set and make sure they are assigned to your current target.
Apple may be requiring these to be in the xcassets.
https://developer.apple.com/library/ios/documentation/General/Conceptual/WatchKitProgrammingGuide/Images.html
https://developer.apple.com/app-store/watch/
The system will resize your icon for the App Store and apply a circular mask. Do not upload a circular icon. Keep the design simple and note that elements on the outer edges will be obscured by the circular mask. Avoid using black in the background of your icon to keep it from blending in to the black Apple Watch home screen.
1024 x1024 pixels
72 dpi, RGB, flattened, and no transparency
PNG or High-quality JPEG
The system will apply a circular mask.
Do not upload a circular icon.
If your icon is designed with a white or light background, a hairline stroke will be added for display on the App Store.
Before uploading your icon in iTunes Connect, get more details on designing icons for Apple Watch from the Apple Watch Human Interface Guidelines.
*Icon Sizes
Home screen icons are circular and Table 20-1 lists the appropriate diameter (in pixels) and the usage for each icon. Create all of these image resources as #2x images. (Note that Xcode lists icon sizes in points.)
Table 20-1Icon sizes for WatchKit app on Apple Watch
Asset | Notification Center icon | Long-Look notification icon | Home Screen icon | Short-Look icon
------------------ | ------------------------ | --------------------------- | ---------------- | ---------------
Apple Watch (38mm) | 48 pixels | 80 pixels | 80 pixels | 172 pixels
Apple Watch (42mm) | 55 pixels | 88 pixels | 80 pixels | 196 pixels
In addition to the icons used by your WatchKit app, the Apple Watch app running on the user’s iPhone needs icons to represent your app. Table 20-2 lists the sizes (in pixels) for these icon resources. Create these image resources at the indicated resolution. (Note that Xcode lists icon sizes in points.)
Table 20-2Icon sizes for use by Apple Watch app on iPhone
Asset | App icon
----- | ---------
#2x | 58 pixels
#3x | 87 pixels
Create your icons as full-bleed square images using the given dimensions. The system applies the circular mask automatically.
Use the PNG format for all images and icons. Avoid using interlaced PNGs. You can use PNGs with indexed colors to save space in your image files.
Use the standard bit depth for icons and images. The standard bit depth for icons and images is 24 bits—that is, 8 bits each for red, green, and blue. Icons must not include an alpha channel.*
If your WatchKit App is configured as described in the answers above and your AppIcon still doesn't appear on your Apple Watch, try:
Сleaning your build (choose Product/Clean from the Xcode menu).
Еurning off your iPhone (e.g. press/hold power button until red slider appears, then swipe right).
Turning off your Apple Watch.
Turning on your iPhone and waiting for the home screen to appear.
Turning on your Apple Watch.
This did the trick for me. My AppIcon was configured as described in the answers above and initially appeared on my Apple Watch throughout development of my app, but once I began testing certain conditions that required me to uninstall/reinstall my app, the App Icon stopped appearing on my Watch.
You need to create a correctly formatted AppIcon.appiconset. The easiest way to achieve this is to upload your 1024x1024px image to http://makeappicon.com, from which you can download a fully formatted set that includes the AppIcon.appiconset. Be sure to tick the box to include WatchOS icons in the set. (I have no connection with this website.)
By dragging and dropping this into an Assets.xcassets group in your project, you will import all of the require icon sizes which will already be correctly set for each of the various uses.
Ensure that in your Project application target that under Build Settings > Asset Catalog Compiler - Options > Asset Catalog App Icon Set Name the name is set to AppIcon. You should see the app icons reflected in various menus in Xcode immediately. You may need to do a clean of the build folder first before you see this in the Simulators.
Related
I'm wondering how to change an expo app's configurations. Examples of what I mean by configurations:
Make the app only available for tablets, require location/wi-fi connection/bluetooth connection, specify multiple icon sizes, etc ...
I'm asking this because I generated an ipa, tried to build it with Application Loader but I got this error:
Missing required icon file. The bundle does not contain an app for
iPhone / iPod Touch of exactly '120x120' pixels, in .png format for
iOS versions >= 7.0
Does this have anything to do with exp.json ?
Thanks!
Set application icon in this pixel
Most likely your watchKit app icons are not of the correct size. You need follow the instructions in above image
Resizing the Icon to have square values (width = height) did the trick. The icon has to be a square.
See https://github.com/expo/expo/issues/278#issuecomment-309078847
I am bulding an iOS8 app and i have noticed that on the iPhone 6 Plus my TabBars and Navigation bars are bigger than the stock Apple apps. I cant seem to find any documentation for this. How do i tell my top and bottom bars to resize for the bigger iPhones?
The screenshot below shows Maps next to my app. (Amended to show clock app instead.) I am pretty sure the clock app uses a TabBar Controller and not a toolbar as suggested below.
Do you have a proper Launch Image for the higher (#3x) resolution for the iPhone 6+? If you don't you're app is going to get scaled, which is probably why it looks bigger. Run your app with the debugger on an iPhone 6 Plus and look at the value of UIScreen.MainScreen.Scale. If it reports back "2.0", then you don't have a proper launch image for your app, the resolution is being scaled. Once you have the proper launch image, UIScreen.MainScreen.Scale should report back as 3.0.
As J2K said to you, your tab and navigation are ok. Apple Maps app uses searchbar at the top and toolbar at the bottom which are smaller. Don't waste time on this, ios will handle the size for this elements for you in all iphone sizes
I'm starting with developing on Windows phone 8.1. I've been working with the different image assets for logos and tiles, but have not been able to identify the one that is displayed when you go to the list of open apps (i.e. pressing and holding the back key). In this view there is a logo of the app in the bottom-left corner that I don't know from where it comes. I'm trying to change the background color of it, but is none of the ones define in the manifest. I've seen apps that have this image with a specific background color (i.e. not transparent) like the one in the screenshot below. So, there must be a way to do it, but I'm not able to find where or how.
That would be the application icon you set in your WMAppManifest.xml. You can find this under your project's Properties folder. You can set icon from the UI (App icon) or by editing the XML block itself.
<IconPath IsRelative="true" IsResource="false">Assets\ApplicationIcon.png</IconPath>
This is the same icon that is shown in phone's app list. If image has transparency, phone's selected accent color is shown as "background". If not, well.. then it won't be transparent :).
The new iOS Human Interface Guidelines states that we should upload an 1024x1024 app icon for high-resolution iPhone and iPad. I've added a new version of my app some days ago, and now when I press "edit" in Version information I only have the option to upload an 512x512 App Store icon. Are you able to upload the 1024x1024 app icon?
Apple has changed the description for the icon within iTunes Connect. When you supply an upgrade you're now able to replace your 512x512 icon with an 1024x1024 icon.
Click "Edit" next to "Version Information" of your new version
Scroll down to the icon and press "Choose File"
Select the 1024x1024 icon on your harddrive
The icon will look strange directly after the upload (at least it did in my case). But don't worry, just wait a few minutes and the glossy effect will be applied. I guess Apple's running a script to convert the image (or somehow create a preview of the image) only every 3 minutes or something like that.
Anything new on this topic? Anytime I try to upload a retina-icon, iTunes connect tells me "Large icons must be 512 x 512 pixels."
This seems a bit odd to me, since Apple clearly states, as Dennis mentioned, that it should be 1024 x 1024 for high-res devices.
Small problem here, I'm building an app for ios, and I've added and icon to my project 57x57, and 114x114, but when I run my app on the device, icon is very dim, when original is very bright. How can I fix it? Does it matter if I build my app in debug mode or release?
iOS adds a gloss/shine effect to your app icon that can sometimes reduce the saturation of your image. Add the UIPrerenderedIcon flag to your info.plist file as described here to disable this.
EDITED to add iOS5 details
On iOS 5 there is a new key for specifying icons: CFBundleIcons is the raw name and it displays as 'Icon files (iOS5)' in the plist editor. To turn off the icon shine effect on iOS 5 devices you need to set the UIPrerenderedIcon flag on the Primary Icon as shown below.
To cover all cases (iOS3 - iOS5) you need to specify UIPrerenderedIcon in both places.
This is probably due to physical differences between your desktop monitor and iOS screen. Only thing you can do is redesign the icon and check the colors on an iOS device.
Check the brightness setting of your device's display. Perhaps it's not "up" as much as you think.
Or, you can disable the "shine" effect that iOS applies to your icon by adding the "Icon already includes gloss effects" boolean to your Info.plist file. That might help.