How can I set the image for app introduction's background in Apple TV app store - app-store

I have developed and published one TVOS app. In my app project, I put icon images, launch image and top shelf image. I also put two screenshots in the app configuration part on the developer.apple.com.
Now the app is online. The top shelf image is fine when the app is in focus. But the top shelf image is not used as the background image in the App introduction part in the App Store. I want to get the full background like the game app. Where shall I configure that image and what is the dimension of the image? Thanks in advance! I attach images to make my questions more clear.
My app looks like this when it is focused on the Apple TV. I want to use this topshelf image for the app introduction background.
But it looks like this in the app store. I don't want to see the screenshot on the right side of the screen. There is no background image at the introduction part.
I want to get the full-background for the introduction page like this app.

You have no control over that. Only apps selected by Apple's App Store editors are given the privilege to have a customized App Store page.
Note, the standard background on the Apple TV App Store, is created automatically based on your app's icon. It's a large, blurred out version of your icon. So in your case, you see that red line, and a lot of white, which is exactly what you have in your icon.

Related

iPhone 5 Optimization Requirement - Launch image really necessary?

When trying to upload a binary to App Store, I get the following response in an email:
"iPhone 5 Optimization Requirement - Your binary is not optimized for iPhone 5. As of May 1, all new iPhone apps and app updates submitted must support the 4-inch display on iPhone 5. All apps must include a launch image of the appropriate size. Learn more about iPhone 5 support by reviewing the iOS Human Interface Guidelines."
Also, the status of the app is "Illegal binary".
I've read that I must include a launch image called "Default-568h#2x.png". Question is: My app was not intending to have a launch image at all. Am I really required to have a launch image now?
Yes you must include one. Not only does the launch image give the hint to the OS about the app's iPhone 5 (4" screen) support, but launch images in general are required:
From Apple's Interface Guidelines
To enhance the user’s experience at app launch, you must provide at least one launch image. A launch image looks very similar to the first screen your app displays. iOS displays this image instantly when the user starts your app and until the app is fully ready to use. As soon as your app is ready for use, your app displays its first screen, replacing the launch placeholder image.
Furthermore:
Generally, design a launch image that is identical to the first screen of the app.
So really, making a launch image that is about the same as the first screen of your app (e.g. if the first screen is a UITableViewController with a toolbar and navigation bar, perhaps the screen looks like an empty navigation bar, an empty toolbar, and an empty table view, which then suddenly all become populated as soon as your app really gets going), is the way to go for the best user experience.
If really you don't want or need this, then make the default images just be black.
Yes, as stated, as of May 1, 2013, all new apps and app updates must provide support for the new iPhone 5 4-inch display.
The way to indicate that your app supports (has been tested with) the new iPhone 5 resolution is to simply include the launch image for that device.
You can simply create a black .png image (which is what your other default launch images are anyway) that is 640 x 1136 pixels and use that as the launch image for that device.
Simply including the new splash screen image (Default-568h#2x.png) is not enough
You must re-build your project with the iOS 6.0 SDK (or newer) - which supports iPhone 5
So if you're still using an older SDK, update your XCode in the App Store first
Yes. from 1st May, you can't upload application with out including Default-568h#2x.png in your application.

Which app icon gets displayed in the App Store on-device?

My universal apps come bundled with the following icons:
iphone-icon#2x (114x114)
iphone-icon (57x57)
ipad-icon#2x (144x144)
ipad-icon (72x72)
And using iTunes connect I submit another icon:
iTunes-icon (1024x1024)
Now my question is which of these icons gets displayed on each of the following: a)iPhone on-device App Store, b)iPad on-device App Store, c)iTunes on Mac/PC?
Apple's wording implies that the iTunes-icon will be used for all app stores, but that begs the question why Apple would use a 1024x1024 downsampled icon on-device when designers have spent hours designing the device icons specifically for each size?
As of iOS 6, all App Stores show the downsampled 1024x1024 icon. You can see this with apps that have a different icon in the App Store than on the home screen (e.g. the 1Password Pro icon has a red "Pro" sash in the App Store, but not when installed). I'm not sure if it was that way on the iPhone with iOS 5, I seem to remember that it showed the actual home screen icon, but I don't have an iOS 5 device here to check.
My understanding is that the 1024x1024 icon is used in place of the old 512x512 icon to display the icon on desktop monitors (1024x1024 is used on retina desktop displays; scaled-down 512x512 is used on normal displays). So, this is the icon used in iTunes on your Mac/PC or in your browser.
The other icons are used as appropriate to show the icon on each respective device.
The easy test for this is not providing one of the device specific icons: you will see then a jagged icon on that device for which you did not provide the optimized icon. But if you provide it, the icon will look as it should.

Which Launch Image Should I Use?

I'm building a game for the iphone, and the main window displays an image in the background describing the game, and I have few other layers of images which are the buttons such as Start New Game, Options and Help.
Should the launch image be only the background image describing the game without the extra image layers or should it be image including the other layers which are Start New Game, Option and Help?
Thanks.
The bit covering launch images can be found here. Below is an example launch image (left) provided by Apple.
Their docs specifically site concerns about localization, so it's probably best to do without the text and provide an image that just has your background chrome for the view.
The launch image should give the illusion of a really fast launching of your app. So the better image in your case is an hybrid of your proposal.
You should have the background image describing the game with the extra image layers without the text inside your buttons (Start new game, etc.) If you include the text, the user could think that your app is loaded and would tap on it.
Hope this helps
All the Apple guidelines on launch images are available here (scroll down to "Launch Images" section). It seems like the convention is to show buttons but not table view data, based on the examples show and from observing other Apple apps.
It's probably up to you to determine which looks better. I have seen many apps on the app store that totally ignore all of these things you aren't supposed to do:
An “application entry experience,” such as a splash screen
An About window
Branding elements, unless they are a static part of your application’s first screen
So I don't think it's that important for App Store acceptance, but it is very important for user experience.

Wrong iPhone launch image displayed when iPhone app is launched on iPad

I have developed a straight iPhone/iPod Touch app.
A launch image is implemented for Retina displays as well as the lower resolution of the former generation devices.
Those images are displayed properly on the iPhone simulator as well as on several iPhone an iPod Touch devices.
However, since some days, when launched on an iPad (1) or iPad simulator one of the other images within the app is shown.
Apparently the image that is displayed wrongly, is one of two amongst ca. 70 images within the app. Those two images happen to be either
1. the first image in my xcode project groups hierarchy.
-or-
2. the first image in my project in alphabetical order.
I did not yet find a pattern of when 1. or 2. happens, so when the first image in the project's hierarchy of groups is taken or when the first in alphabetical order is taken. But it seems to be one of these two files only.
Any idea what I probably did wrong so that a wrong image is picked as launch image of this iPhone-only app whenever it is launched on an iPad?
Thanks in advance.
Cheers
Hermann
Try inserting an image named Default.png into Xcode. That's all, just drag it in. Xcode recognizes any picture named Default.png as the loading image. That should make it work.
To expand a little on Jack's answer - you can indeed use an image named Default.png which will automatically be used as a launch image for your app.
However,you can also customise the launch image for particular hardware and device orientations by using images of a particular size and name - for example, a 768x1004 pixel image named Default-Portrait~ipad.png added to your project will be automatically used as the launch image when you launch the app on an iPad in portrait orientation.
The use of these customised images is highly recommended, as it allows the launch image to be sized appropriately for the different shapes of screen (i.e. iPhone and iPad), and allows high resolution launch images to be used on Retina display devices.
For a list of these sizes and image names, see this page. The items of interest are the ones beginning with "Default"
All iPhone apps have a splash screen, or what Apple refers to as a “launch image”. It is the screen that is displayed immediately after you press your app’s icon on the home screen, while the app icons are sweeping away and your app is zooming into view.
Some apps opt not to display a splash screen and go for a black screen, which is the default behaviour when you create an app. Others display a wireframe of the app’s interface in order to look like it is loading faster. See Apple’s native apps such as Clock and Camera for good examples of this. The most common use of the splash screen (especially in games) is to present a company or game logo, as we do in Addicus:
Apple has made it so easy to set your splash screen that you don’t even need a single line of code to do it. Why, you don’t even need to change a setting. Here’s how to set your splash screen it in just 2 steps:
Add a file to your project’s Resource folder called Default.png.
There is no step 2. Take this time to reflect on how good life is.
And that’s it. Run your app and your splash screen will zoom into glorious view.
A couple of things to watch out for when working with splash screens:
Whatever image you give it will be scaled to fill the 320×480 resolution of the iPhone, so ideally you would use a 320×480-sized image.
If your iPhone app is running in landscape mode, you need to rotate the splash screen you use. For example, our splash screen is rotated 90 degrees to the right in the above image.
See more at: http://getsetgames.com/tag/launch-image/#sthash.GEXwuzsf.dpuf

How can I make a screenshot of iPhone desktop programmatically?

I need to make a screenshot of the iphone desktop and set it as background for my app, is it possible?
UIGetScreenImage should do what you want - check out this example.
But apparently, Apple (in its great wisdom) has banned its usage in apps for the App Store, and has removed it from iOS 7 arm64 and newer.
If you are looking to take a screenshot then you need to press the menu button and the lock button at the same time, as for setting it as the background of the app, just use the image which will automatically be placed in your camera roll.