I get the following warnings in my iPad launch images, but not the iPhone images:
I can't find the text related to the warnings anywhere.
Here are my plist settings:
And my image files:
When I tried "Default-iPad.png" it didn't fix it either.
The image dimensions are 768 x 1024 (portrait) and 1024 x 768 (landscape).
Make your mouse cursor hover over the warning sign and the warning should appear.
It'll tell you that iPad Launch Images should be 768 x 1004 and 1024 x 748
That means you have to remove the status bar from the image.
Here's the deal for launch images which work for all iPads. This should tell you exactly what to do and what you need. You need four images, either the first group or the second one, depending on if your app is set to show the top status bar or not. Notice that the names are the same whether your image has room for the status bar or not.
Description : image width x height - image name
iPad - with status bar turned ON (shows wifi connection, time, etc)
Portrait : 768x1004 - Default-Portrait.png
Landscape : 1024x748 - Default-Landscape.png
Portrait Retina : 1536x2008 - Default-Portrait#2x.png
Landscape Retina : 2048x1496 - Default-Landscape#2x.png
iPad - with status bar turned OFF (more screen real estate)
Portrait : 768x1024 - Default-Portrait.png
Landscape : 1024x768 - Default-Landscape.png
Portrait Retina : 1536x2048 - Default-Portrait#2x.png
Landscape Retina : 2048x1536 - Default-Landscape#2x.png
You can either resize your images to be 20px smaller in height, or you can make the status bar hide during app launch.
In new versions of XCode (I use 4.5.2), there is a checkbox to hide the status bar in the Project > Target > Summary settings, right above the launch image previews:
Related
Can anyone suggest me the actual sizes for iPhone's tab bar icon, retina as well as non-retina?
I tried with 120x120px for retina and 72x72 for non-retina, but it's not going with that.
Tab bar:
30px - Non Retina
60px - Retina
For a full list of all icon sizes for both displays:
http://iconhandbook.co.uk/reference/chart/ios/
Here, Refer these : tabBar Icon Size
and Tabbar Icon Size
I'm wondering what the correct sizes are for
1) setting a background image for a UIView on various iPhone devices, including Retina, 4s, 4, etc..
(does the version of iOS matter?)
2) setting a background image for the UINavigationBar, again on those various device versions/os versions
Lastly, how should one go about naming these files. I know that Apple is very strict about naming an image with a #2x.png, with specific names, etc.
If there is documentation that somebody could point to, that would be great as well. I couldn't find anything on the dev website...
Thank you in advance.
iPhone and iPod Touch Screen Pixel and UI Component Dimensions
Notes:
Retina Dimensions are given in parentheses.
All pixel dimensions include highlight or stroke effects. For example, a 30-pixel high button is actually a 29-pixel high button with a 1-pixel highlight on the bottom.
iPhone screen size:
Portrait 320×480 (640×960) pixels
Landscape 480×320 (960×640) pixels
iPhone Nav bar:
Portrait: 44 (88) pixels high
Landscape: 32 (64) pixels high
iPhone Nav bar buttons:
Portrait: 30 (60) pixels high
Landscape: 24 (48) pixels high
iPhone Nav bar button icons: About 20×20 (40×40) pixels (when in Landscape mode, it shrinks the 20×20 (40×40) pixel icon)
iPhone Toolbar: 44 (88) pixels high (does not change)
iPhone Toolbar button: 30 (60) pixels high (does not change)
iPhone Toolbar button icon: about 20×20 (40×40) pixels
iPhone Tab Bar: 49 (98) pixels high (does not change)
iPhone Tab Bar icon: about 30×30 (60×60) pixels
iPad Pixel Dimensions:
iPad screen size:
Portrait 768×1024 (1536×2048) pixels
Landscape 1024×768 (2048×1536)
iPad Navigation Bar and Tool Bars: 44 (88) pixels high
iPad Nav Bar and Tool Bar buttons: 30 (60) pixels high
iPad Nav Bar and Tool Bar button icons: about 20×20 (40×40) pixels
iPad Tab Bar: 49 (98) pixels high
iPad Tab Bar icons: about 30×30 (60×60) pixels
iPad List View: 320 (640) pixels wide.
Follow answers in this link for the basic naming standards for the newer devices. iOS version shouldn't matter, but hardware does.
EDIT
Wow, literally found all dimension on this site Check it out, it has pictures!
Another useful link here.
Our universal application is in Landscape mode only. We need to add a splash screen for iPhone 4 & iPhone 5.
For iPhone 5 in Portrait we use Default-568h#2x.png. How to set a launch screen in Landscape for iPhone 5?
According to Apple's Documentation : Providing Launch Images for Different Orientations
,
Each orientation-specific launch image must include a special modifier string in its filename. The format for orientation-specific launch image filenames is as follows:
<basename><orientation_modifier><scale_modifier><device_modifier>.png
Eg :
1) Default-Portrait.png
2) Default-PortraitUpsideDown.png
3) Default-Landscape.png
4) Default-LandscapeLeft.png
5) Default-LandscapeRight.png
Note : These modifiers are supported for launch images used in iPad apps only.
So you have to change your Image according to the Orientation for iPhone 5.
Two ways to do that :
1) Rotating the Splash Image to 90 Degree.
2) Inverting the Dimensions (320 * 480 -> 480 * 320).
to provide a landscape launch image you must create the image.. and just rotate it 90 degrees in an external image editor
Very simple
make design on splash screen in landscape mode .
and just make splash screen as you do in portrait .
user automatically make phone landscape when he/she see screen is in landscape :-)
From Apple doc, landscapes launch screens are supported for iPad only.
For iPhone and iPod Touch, you need to create a portrait launch screen that can be your 90°-oriented landscape launch screen. I would apply a clockwise rotation rather than a counter-clockwise rotation (ie so that on a desktop, you need to bend your head on the right to see the image with the correct orientation).
use these macros in pch file
#if IS_iPAD
LaunchImage=iPad.png
else
LaunchImage=iPhone.png
When I use interface builder i see that the size of the view is 480X300 why is that? isnt the iphone screen 960X640px?
These are actually "points". Depending on UIDevice scale parameter points convert to either 480*320 (for normal display) OR to 960*640 (for retina display).
You can also read the Apple docs which explains the difference between points and pixels in detail: Points Versus Pixels
And also note that the "missing 20 pixels" (300 instead of 320) are due to the status bar. If you select "status bar unspecified" in "simulated user interface elements" in the CMD-1 attributes inspector then you get the full 320 height.
Older iPhone (like iPhone 3GS) has 480x320 display, and iPhone 4 has 960x640 display (called retina display).
On the retina display, any user interface elements will be scaled up to 2X.
By the way, these are not "points", but just "pixels". If they were "points", iPhone 4 would be bigger than iPad.
To understand how to handle screen/display size depending on iPhone versions, read this article : Supporting High-Resolution screens
I am developing a game which works only in landscape mode. When I import a launch image (Default.png) into my xcode proj and run it, the image appears in portrait mode and then the view starts in landscape mode. How can I make my splash/launch image be displayed in landscape mode only?
First thing is no one is gonna know from outside the application that application is gonna run in portrait or landscape.
If at all you still want to view the splash screen in landscape mode you have to design the image in such a way as we cannot change the behaviour of the splash screen.
Instead of designing the image as 320X480, design it as 480X320 and your problem will get solved.
hAPPY cODING...
Always create 320x480 and 640x960 sized pictures. Just name them Default.png and Default#2x.png. As Michael Kessler notes, to have them appear in landscape, you have to rotate the graphics in your gfx editor.
I quote Apple docs as they look as of now:
iPhone and iPod touch
Portrait 320 x 480 pixels, 640 x 960 pixels (#2x)
Landscape Not supported
iPad
Portrait 768 x 1004 pixels, 1536 x 2008 pixels (#2x)
Landscape 1024 x 748 pixels, 2048 x 1496 pixels (#2x)
http://developer.apple.com/library/ios/DOCUMENTATION/iPhone/Conceptual/iPhoneOSProgrammingGuide/App-RelatedResources/App-RelatedResources.html#//apple_ref/doc/uid/TP40007072-CH6-SW12
So you can see that landscape orientation of images are not supported for iPhone/iPod.