Search code examples
iphoneuser-interfaceiphone-4retina-display

User interface in iOS. Sizes of elements for iphone with retina?


I need something like this

But I have found nothing similar to this one for iphone with retina display


Solution

  • If you're designing your own interface elements and need image dimensions, yes; you just double the values. However, in your code, when referring to the coordinate system of elements (points), you still use then 320x480 point system, as the points are automatically scaled for different device resolutions.

    For images, the retina sized images must have the same file name, but with @2x following. For instance, background.png (320x480) must have a similar image [email protected] with dimensions 640x960.