UITabBarController display

Question

I am newbie in iOS development. I am developing an application that is using tab bar controller. I am setting frame for tab bar controller programmatically but when I switch to iPhone 5 there is white space created between tab bar items and the main view. following is screen shot of application on iPhone 5 simulator.

Screen Shot on 4.5 retina display simulator

Following is a line of code where I am setting frame for UITabBarController:

[rootTabBarController.view setFrame:CGRectMake(0,-20,320, 480)];

you have to change the frames for iphone5 because size of iphone 5 screen more compare to iphone 4. — Balu, Apr 25 '13 at 12:31

Balu · Answer 1 · 2013-04-25T12:38:23.660

1

put this line of code and check it,you have to set frames accordingly.

if ([[UIScreen mainScreen] bounds].size.height == 568)
     {

       [rootTabBarController.view setFrame:CGRectMake(0,0,320, 568)];
     }
 else
     {
        [rootTabBarController.view setFrame:CGRectMake(0,0,320, 480)];
     }

edited Apr 25 '13 at 12:38

answered Apr 25 '13 at 12:32

Balu

8,470
2
24
41

I tried with your solution but when I use this in coding the tab bar goes out of screen... – Shital Tiwari Apr 25 '13 at 12:44
are you getting problem with background image or tabbar? – Balu Apr 25 '13 at 12:48
i am getting this problem with background image because of tabbar – Shital Tiwari Apr 29 '13 at 10:58

Valentyn Kuznietsov · Answer 2 · 2013-04-25T12:40:24.370

just.dont.do.it (do not set frame) !!!

The most simple and clean technique is:

YourAppDelegate.h:

@property(nonatomic,retain) UITabBarController * tabBarController;

YourAppDelegate.m:

@synthesize tabBarController;
#pragma mark -
#pragma mark Application lifecycle

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

self.window = [[[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]] autorelease];

self.tabBarController = [[[UITabBarController alloc] init] autorelease];

UINavigationController      *viewController1 = [[[UINavigationController alloc] initWithRootViewController:[[[UIViewController alloc] init] autorelease]] autorelease];

UINavigationController      *viewController2 = [[[UINavigationController alloc] initWithRootViewController:[[[UIViewController alloc] init] autorelease]] autorelease];

self.tabBarController.viewControllers = @[viewController1, viewController2];
self.tabBarController.customizableViewControllers = nil;

self.window.rootViewController = self.tabBarController;
[self.window makeKeyAndVisible];


return YES;

}

And everything will be OK. Frames, rotation, autoresizing, on iPhone, iPad, etc etc.

Btw, you can create the new project with "Tab Bar application" template in Xcode and see how Apple does it

and .. (advice, that can help you in future) UITabBarController must be on the top of view hierarchy (directly on the UIWindow) for correct rotating and etc, my sample code includes it (it can save you some time in future)

problem in using this technique is that I am having some another screen as a rootViewController and from that screen I am coming to this tabBar screen. If you have any other solution please suggest! — Shital Tiwari, Apr 25 '13 at 12:48

score 0 · Answer 3 · answered Apr 25 '13 at 12:37

This is because of a height difference between the earlier iPhones and the iPhone 5.

You can solve this in two ways:

Set the frame size manually when you're running on a iPhone 5.

BOOL isIphone5 = (([[UIDevice currentDevice] userInterfaceIdiom] 
== UIUserInterfaceIdiomPhone) && (([UIScreen mainScreen].bounds.size.height) >= 568));
if(isIphone5)
{
   [rootTabBarController.view setFrame:CGRectMake(0,0,320, 568)];
}
else{
   [rootTabBarController.view setFrame:CGRectMake(0,0,320, 480)];
}

Or you can set AutoResizingmasks to have your view auto-resize to new screensizes or orientations (The usefulness of auto-resizing depends on how the views are defined).

[rootTabBarController.view setAutoResizingMask:UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight];

score 0 · Answer 4 · answered Apr 25 '13 at 12:38

You need to adjust frame according to the device resolution. As we know iPhone 5 screen size is (320,568) so you can check whether you are using iPhone 5 (4 inch screen) or other (3.5 inch screen) using

#define IS_IPHONE ( [[[UIDevice currentDevice] model] isEqualToString:@"iPhone"])
#define IS_HEIGHT_GTE_568 [[UIScreen mainScreen ] bounds].size.height >= 568.0f
#define IS_IPHONE_5 ( IS_IPHONE && IS_HEIGHT_GTE_568 )

and then set frame as

[rootTabBarController.view setFrame:CGRectMake(0,-20,320,IS_IPHONE_5?568.0f:480.0f)];

Hope it helps you.

UITabBarController display

4 Answers4