CODEWITHSUNDEEP
iphoneiosipadipad-2
hey_suburbia
hey_suburbia

Reputation: 386

How do I provide iPad and iPhone 5 versions if I use .xib files?

I have a very simple app that just displays a block of text every time you touch the screen. I have a graphic behind the text, that the basics of it.

I made it back in 2010 using a .xib file to create the text field and the image.

I'm now attempting to make it fit both iPhone 5 and both iPad and iPad Retina.

I can't simply stretch out the existing .xib layout because it just accepts and renders the last one I do. (If I stretch to iPhone 5 resolution it goes off the screen on an iPhone 4S).

Is there anyway to reference different .xib files based on the iOS device?

Thank You.

Upvotes: 0

Views: 765

Answers (1)

sergio
sergio

Reputation: 69027

According to the documentation, you can use:

  1. myNibName~ipad.xib and

  2. myNibName~iphone.xib

and the correct xib will be loaded depending on the device.

You can read iOS Supports Device-Specific Resources.

EDIT:

how do you distinguish between iPhone 3.5" vs iPhone 4.0"

there is no device modifier specific to the iPhone 4". You will have to define your nib in a way that it can "stretch" vertically.

The only mechanism is a iPhone 4" specific [email protected] file. If you provide it, then the whole screen area will be available to your app.

If you do not provide it, then the app will run in a special mode whereby its content is presented in a 3.5" area. The remaining area is filled with a top and a bottom black band.

iPad vs iPad Retina?

nothing special here, since the 2 devices share the same "logical" resolution of 768x1024 pixels. As usual, you can use @2x modifier to supply specific retina-resolution images; and, if you need it, you can use ~ipad@2x modifier to supply retina iPad-only images.

E.g.:

iconImage.png          -> non-retina iPhone version
[email protected]       -> retina iPhone version (also retina iPad version if no ~iPad is given)
iconImage~iPad.png     -> non-retina iPad version
[email protected]  -> retina iPad version

EDIT:

To make your UI stretch, go to the metrics pane in IB and set the vertical spring for the view height (this is the inner vertical double arrow in the picture below).

You will have to find your way through this a bit, especially if you have a lot of subviews.

enter image description here

Upvotes: 4

Related Questions