Can I use autolayout to provide different constraints for landscape and portrait orientations?

by

Edit: Using the new concept of Size Classes introduced in Xcode 6, you can easily setup different constraints for specific size classes in Interface Builder. Most devices (e.g. all current iPhones) have a Compact vertical size class in landscape mode.

This is a much better concept for general layout decisions than determining the device’s orientation.

That being said, if you really need to know the orientation, UIDevice.currentDevice().orientation is the way to go.

Original post:

Override the updateViewConstraints method of UIViewController to provide layout constraints for specific situations. This way, the layout is always set up the correct way according to situation. Make sure they form a complete set of constraints with those created within the storyboard. You can use IB to set up your general constraints and mark those subject to change to be removed at runtime.

I use the following implementation to present a different set of constraints for each orientation:

-(void)updateViewConstraints {
    [super updateViewConstraints];

    // constraints for portrait orientation
    // use a property to change a constraint's constant and/or create constraints programmatically, e.g.:
    if (!self.layoutConstraintsPortrait) {
        UIView *image1 = self.image1;
        UIView *image2 = self.image2;
        self.layoutConstraintsPortrait = [[NSLayoutConstraint constraintsWithVisualFormat:@"V:|-[image1]-[image2]-|" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:NSDictionaryOfVariableBindings(image1, image2)] mutableCopy];
        [self.layoutConstraintsPortrait addObject:[NSLayoutConstraint constraintWithItem:image1 attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem: image1.superview attribute:NSLayoutAttributeCenterY multiplier:1 constant:0]];
        [self.layoutConstraintsPortrait addObject:[NSLayoutConstraint constraintWithItem:image2 attribute:NSLayoutAttributeCenterX relatedBy:NSLayoutRelationEqual toItem:image2.superview attribute:NSLayoutAttributeCenterY multiplier:1 constant:0]];
    }

    // constraints for landscape orientation
    // make sure they don't conflict with and complement the existing constraints
    if (!self.layoutConstraintsLandscape) {
        UIView *image1 = self.image1;
        UIView *image2 = self.image2;
        self.layoutConstraintsLandscape = [[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-[image1]-[image2]-|" options:NSLayoutFormatDirectionLeadingToTrailing metrics:nil views:NSDictionaryOfVariableBindings(image1, image2)] mutableCopy];
        [self.layoutConstraintsLandscape addObject:[NSLayoutConstraint constraintWithItem:image1 attribute:NSLayoutAttributeCenterY relatedBy:NSLayoutRelationEqual toItem:image1.superview attribute:NSLayoutAttributeCenterY multiplier:1 constant:0]];
        [self.layoutConstraintsLandscape addObject:[NSLayoutConstraint constraintWithItem:image2 attribute:NSLayoutAttributeCenterY relatedBy:NSLayoutRelationEqual toItem: image2.superview attribute:NSLayoutAttributeCenterY multiplier:1 constant:0]];
    }

    BOOL isPortrait = UIInterfaceOrientationIsPortrait(self.interfaceOrientation);
    [self.view removeConstraints:isPortrait ? self.layoutConstraintsLandscape : self.layoutConstraintsPortrait];
    [self.view addConstraints:isPortrait ? self.layoutConstraintsPortrait : self.layoutConstraintsLandscape];        
}

Now, all you need to do is trigger a constraint update whenever the situation changes. Override willAnimateRotationToInterfaceOrientation:duration: to animate the constraint update on orientation change:

- (void)willAnimateRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {
    [super willAnimateRotationToInterfaceOrientation:toInterfaceOrientation duration:duration];

    [self.view setNeedsUpdateConstraints];

}

More Related Contents:

  1. Get to UIViewController from UIView?
  2. How to add constraints programmatically using Swift
  3. How do I apply a perspective transform to a UIView?
  4. How to find topmost view controller on iOS
  5. UIView with rounded corners and drop shadow?
  6. When is layoutSubviews called?
  7. Giving UIView rounded corners
  8. Autoresizing masks programmatically vs Interface Builder / xib / nib
  9. How do I create a custom iOS view class and instantiate multiple copies of it (in IB)?
  10. viewWillDisappear: Determine whether view controller is being popped or is showing a sub-view controller
  11. iOS: How does one animate to new autolayout constraint (height)
  12. Proper practice for subclassing UIView?
  13. Given a view, how do I get its viewController?
  14. Test whether a UIView is in the middle of animation
  15. How do I present a UIViewController from SKScene?
  16. When can I activate/deactivate layout constraints?
  17. How to get UIScrollView vertical direction in Swift?
  18. Prevent segue in prepareForSegue method?
  19. Am I abusing UIViewController Subclassing?
  20. Proper use of loadView and viewDidLoad with UIViewController without nibs/xibs
  21. Animating/Moving views under usage of Autolayout
  22. Creating iPhone Pop-up Menu Similar to Mail App Menu
  23. rotate a UIView around its center but several times
  24. Storyboard segues causing memory leaks
  25. Expected declaration error for making high score [duplicate]
  26. UIView’s border color in Interface builder doesn’t work?
  27. In SwiftUI, how to use UIHostingController inside an UIView or as an UIView?
  28. Making a button persistent across all view controllers
  29. Using autolayout in a tableHeaderView
  30. difference between presentViewController and UINavigationController?

Leave a Comment