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

Question

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.

Closed 8 years ago.

I need something like this

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

Answer 1

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 background@2x.png with dimensions 640x960.

Answer 2

Notice how the measurements are in points (not pixels). This is the correct sizing for both retina and normal iPhone displays.

1 point == 1 pixel on non-retina displays and 1 point == 2 pixels on retina displays.