How to set two different screen options in xcode

Question

Ok, so with xcode you can have different screen sizes for the iPhone 5 and the iPhone 4, when I try to place things on the Storyboard file they always muck up, like I place everything one way for the iPhone 5 and then it gets cut off on the iPhone 4. Is there a way of having two different versions of the storyboard maybe, so I could position the objects for each screen size differently?

Answer 1

You could do this manually in the code by choosing your storyboard based on screen size. However, I don't think that there is a way to do it automatically, since the app's info.plist only has Main storyboard file base name, Main storyboard file base name (iPad), and Main storyboard file base name (iPhone).

To do it manually, you'll want to load your first view controller in your app delegate like this:

//AppDelegate.m
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    UIStoryboard *storyboard = [UIStoryboard storyboardWithName:@"MainStoryboard" bundle:[NSBundle mainBundle]];
    if ([UIScreen mainScreen].bounds.size.height == 568.0) {
        //device is an iPhone 5 or 5S
        storyboard = [UIStoryboard storyboardWithName:@"MainStoryboard568Height" bundle:[NSBundle mainBundle]];
    }
    self.window.rootViewController = [storyboard instantiateInitialViewController];
    [self.window makeKeyAndVisible];
}

Once you've loaded your first view controller this way, you should be able to just use the segues in that storyboard to avoid this logic again. If you need to load a view controller manually you can just access the self.storyboard property of the current UIViewController to make sure you are accessing the correct storyboard without checking the screen height.