This shows you the differences between two versions of the page.
software:gui-designer:retina-display [2015/03/29 23:30] jarrod |
software:gui-designer:retina-display [2017/04/06 22:45] (current) jarrod |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== Retina Display ====== | ====== Retina Display ====== | ||
+ | |||
+ | <WRAP center round info 60%> | ||
+ | Designing for iPhone 5/6/7?\\ | ||
+ | Choose 'iPhone 5' from the guiDesigner project properties drop down.\\ | ||
+ | Read on below for details why! | ||
+ | </WRAP> | ||
+ | |||
===== Background ===== | ===== Background ===== | ||
The new Apple iPad has a native resolution of 2048 x 1536.\\ | The new Apple iPad has a native resolution of 2048 x 1536.\\ | ||
+ | The iPhone 6+/7+ has a native resolution of 2208 x 1242 ([[http://www.paintcodeapp.com/news/iphone-6-screens-demystified|downsampled]] to 1920 x 1080).\\ | ||
+ | The iPhone 6/7 has a native resolution of 1334 x 750.\\ | ||
The iPhone 5/5C/5S and latest iPod Touch has a native resolution of 1136 x 640.\\ | The iPhone 5/5C/5S and latest iPod Touch has a native resolution of 1136 x 640.\\ | ||
The iPhone 4 and previous iPod Touch both have screens with a native resolution of 960 x 640. | The iPhone 4 and previous iPod Touch both have screens with a native resolution of 960 x 640. | ||
- | These are all at least twice the resolution of the older models. | + | These are all at least twice or three times the resolution of the older models. |
However, **all apps are still designed in non-retina resolutions** (1024x768, 568x320 and 480x320) and then iOS automatically scales the applications to the higher resolution of the "Retina Displays". In the scaling process, Apple implemented a method of using higher resolution graphics on these devices, whilst using the original graphics for the low resolution devices. | However, **all apps are still designed in non-retina resolutions** (1024x768, 568x320 and 480x320) and then iOS automatically scales the applications to the higher resolution of the "Retina Displays". In the scaling process, Apple implemented a method of using higher resolution graphics on these devices, whilst using the original graphics for the low resolution devices. |