How to make xib compatible with iphone 5 and iphone 4 devices

Question

I'm trying to place my xib so that the layout fits in both iphone 5 (4 inches of the retina) and 3.5 devices.

Since I need to support IOS-5, I cannot use autorun. I have to use springs and struts.

I tried everything in the builder interface. But either my view goes beyond the iphone-3.5 inch or does not completely fill the iphone-4-inch-retina.

Can someone tell me how to actually make xib compatible with both devices?

For clarity, I am adding screenshots:

When I set the size to 3.5 in the attribute inspector:

It looks in iphone 5. There is a space under the buttons:

If I set the size to 4 inches in the interface builder. You can see that the bottom buttons are not visible on iphone-4.

So you ask what settings I use. Here they are:

Answer 1

• You add a new category for UIviewController and add this code to the .h file

  - (id)initWithNibNameforIphone4:(NSString *)nibNameOrNil4 NibNameforIphone5:(NSString *)nibNameOrNil5 NibNameforIpad:(NSString *)nibNameOrNilpad bundle:(NSBundle *)nibBundleOrNil; 

• Add this code to your .m file

    - (id)initWithNibNameforIphone4:(NSString *)nibNameOrNil4 NibNameforIphone5:(NSString *)nibNameOrNil5 NibNameforIpad:(NSString *)nibNameOrNilpad bundle:(NSBundle *)nibBundleOrNil { if (self = [super init]) { self = [self initWithNibName:[self CheckDeviceIphone4:nibNameOrNil4 Iphone5:nibNameOrNil5 Ipad:nibNameOrNilpad] bundle:nibBundleOrNil]; } return self; } -(NSString *)CheckDeviceIphone4:(NSString *)iphone4 Iphone5:(NSString *)iphone5 Ipad:(NSString *)ipad { return ([UIDevice currentDevice].userInterfaceIdiom == UIUserInterfaceIdiomPad) ? ipad :([[UIScreen mainScreen] bounds].size.height == 568) ? iphone5 :iphone4; } 

• Open YouProject-Prefix.pch and import your category here

• now you just use it in the whole project like this

    self.firstView=[[firstView alloc]initWithNibNameforIphone4:@"firstView4" NibNameforIphone5:@"firstView" NibNameforIpad:@"firstViewIpad" bundle:[NSBundle mainBundle]]; 

  thanks and any question, then comment and do not forget to raise :-)

\

Answer 2

Try adding this to all your controllers that need to support iPhone 5:

 - (void) loadView { [super loadView]; self.view.frame = [UIScreen mainScreen].bounds; } 

Answer 3

Just set the size of the view to None using Interface-builder
It will have a size of views at runtime, just you need to take care of the origin and auto-creation for each element (UILabel, UIImage, etc.) in the view.

• Interface-builder (XIB) → Attribute Inspector → Simulated Indicators - Size: No

Answer 4

I struggled with this today, and no matter what I did, my looks always showed as 320x480, even when working on the retina simulator 4. Even [UIScreen mainScreen] .bounds returned 320x480!

I found that adding the [e-mail] launcher image was the key for iOS to recognize my application as a “ready Retina 4". As soon as I did this, I found that I did not have to do anything to get nibs for automatic size without black bars. There is no need to have two separate xibs, change the settings in Interface Builder, override loadView, etc.

Answer 5

You do not need to use a different tip for 3.5-inch and 4-inch devices. Build the application for the 4-inch device and configure AutoResizingMask correctly and it should work correctly.

In your case, just set the AutoResizingMask parameter to

 [view setAutoresizingMask:UIViewAutoresizingFlexibleTopMargin|UIViewAutoresizingFlexibleHeight|UIViewAutoresizingFlexibleWidth]; 

The autoresist mask correctly places the view in its position on both devices.

Answer 6

If you decide to use 2 xib files; in your initWithNibName () method, just make a super call with a different nib name.

I would test the original measurement of 480 height rather than 568 to increase the xib file size when Apple releases a larger screen. In the future, at least a larger xib will not be placed in a booklet the size of a smaller one.

 // From MainView.m - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil { CGSize result = [[UIScreen mainScreen] bounds].size; if(result.height == 480) { // iPhone Classic self = [super initWithNibName:@"MainView" bundle:nibBundleOrNil]; } else { // iPhone 5 or maybe a larger iPhone ?? self = [super initWithNibName:@"MainView5" bundle:nibBundleOrNil]; } return self; } 

Answer 7

I have an idea. Separate your user interface into a header, body, and footer (e.g. on a website). Then, in the console of your code, find in the "Size Inspector" and use auto-creation.

Pay attention to the outer lines of the square, this is your control location against the main view. Set the controls (navigation bar, UIImageView, UIButton, etc.) in the header and body parts attached to the top and controls (bookmark, close, etc.) in the footer below.

Each time you run, the controls will attach to their autosave settings. You will have a space between the header / body and footer on the iPhone 5, but I think this is normal.

Answer 8

Define the condition below the line and device-based checks.

 #define IS_IPHONE_5 ( fabs( ( double )[ [ UIScreen mainScreen ] bounds ].size.height - ( double )568 ) 

  if (IS_IPHONE_5) {
     btnBookmark.frame = CGRectMake (0, 460, 100, 70);
     btnBookmark.frame = CGRectMake (150, 460, 100, 70);
 }
 else {
     btnBookmark.frame = CGRectMake (0, 360, 100, 70);
     btnBookmark.frame = CGRectMake (150, 360, 100, 70);
 }

Answer 9

I had a problem with 3.5 "versus 4" and I misunderstood what was wrong, so I wanted to document it here if it helps anyone.

If you try to access self.view.frame , this will be reported incorrectly before viewDidAppear or some similar event. If you try to access self.view.frame from viewDidLoad , then you can report frame sizes before the automation happens.

Answer 10

Without using autorun, you may need to process many things in the code. I assume that most of your layout may work well with springs and struts, but some user interface elements cannot simply manually set the borders of certain objects to fit the size of your view.

Answer 11

• In your storyboard, click Show File Inspector.
• In the document "Interface Builder" → "Document Versioning", select "Deployment = iOS 5" (or your choice).

If this does not work, you need to work with each of your views. Select them. In the "Attributes inspector" section for each of them in the "View" section, see "Mode Attribute". Set this to Redraw.

Even if this does not give a satisfactory result, set the view size to the smallest of all versions that you intend to use. And set the attribute Mode = 'Scale to Fill'.

Programmatically, the mode attribute is the property view.contentmode .

Answer 12

The ivanzoid snippet over these queries for the entire screen size does the trick, as long as you remember, to subtract offsets for navigation and toolbars (a total of 64 in most conditions).

This is the height of the view that needs to be adjusted; springs and struts otherwise take care of this.

Retesting my application on iPhone 5 I only needed to do this on one screen with some settings for the runtime position control. Every other case is handled by default by default XIB.

Answer 13

If you do not want to use two xib and are interested in using Autosizing here

Answer 14

If your user interface is too complex and contains too much UIControl, then I suggest doing the following in viewDidLoad ():

 NSLog(@"Iphone %f ",[[UIScreen mainScreen] bounds].size.height); if ([[UIScreen mainScreen] bounds].size.height == 568) { //design frames of your controls accordingly add add the controls as subview to self.view //this is iphone 5 xib } else { //design frames of your controls accordingly add add the controls as subview to self.view // this is iphone 4 xib }