Animating/Moving views under usage of Autolayout

by

With AutoLayout enabled, we should FORGET FRAMES and only CONSIDER CONSTRAINTS.Yes, for animating also you can no longer change the frame or center, view’s will revert back to their original position when layout is called.

Instead you should consider changing the constant value of the constraint to get the same effect.

Consider a User Interface like the image given below.I have a image view with a 20 points leading space from it's superview that means it has a horizontal space constraint with it’s superview.Also I have three more constraints attached to that image view, top, width and height.

I will show you how we can animate the image from left to right as shown in the image.

Create IBOutlet’s for the constraint’s we need to animate.Here we are taking only horizontal space constraint, that is enough to move this view from the left to right.

@property (weak, nonatomic) IBOutlet UIImageView *imageView;
@property (weak, nonatomic) IBOutlet NSLayoutConstraint *horizontalSpaceConstraint;

enter image description here

Inside Go Away action, we need to update the constant value of this constraint.

- (IBAction)moveFrontAction:(id)sender {
    self.horizontalSpaceConstraint.constant = 220;

    [UIView animateWithDuration:0.5 animations:^{
         [self.imageView layoutIfNeeded];
    }];
}

Now the view should be moved to the right end.I’m just doing that inside a animation block so we will be able to see a nice animation from left to right and vice versa.In Production, we should not hard code the values like this.Just doing it here to make the concept clear.

enter image description here

Inside the Come Back action, we are again resetting the constant back to it’s original value, so you can see the orange image animating back to the original location.

- (IBAction)moveBackAction:(id)sender {
    self.horizontalSpaceConstraint.constant = 20;

    [UIView animateWithDuration:0.5 animations:^{
        [self.imageView layoutIfNeeded];
    }];
}

More Related Contents:

  1. How do I size a UITextView to its content?
  2. When is layoutSubviews called?
  3. What is NSLayoutConstraint “UIView-Encapsulated-Layout-Height” and how should I go about forcing it to recalculate cleanly?
  4. How to use Auto Layout to move other views when a view is hidden?
  5. iOS: Multi-line UILabel in Auto Layout
  6. Can I use autolayout to provide different constraints for landscape and portrait orientations?
  7. How to get boolean value from switch state?
  8. How do I animate constraint changes?
  9. Async image loading from url inside a UITableView cell – image changes to wrong image while scrolling
  10. Number of days between two NSDates [duplicate]
  11. Change User Agent in UIWebView
  12. Save string to the NSUserDefaults?
  13. How do I programmatically set device orientation in iOS 7?
  14. How to ignore touch events and pass them to another subview’s UIControl objects?
  15. iOS: How does one animate to new autolayout constraint (height)
  16. Finding smallest and biggest value in NSArray of NSNumbers
  17. How to create percentage of total width using autolayout?
  18. How to trap on UIViewAlertForUnsatisfiableConstraints?
  19. Testing CoreLocation on iPhone Simulator
  20. What is the right way to check for a null string in Objective-C?
  21. Dismiss keyboard on touch anywhere outside UITextField
  22. iPhone “slide to unlock” animation
  23. Where to store global constants in an iOS application?
  24. Auto Layout in UICollectionViewCell not working
  25. Is it possible to distinguish between locking the device and sending an app to background?
  26. How can I change the font of the back button for my navigation bar?
  27. Best way to parse URL string to get values for keys?
  28. Catch an exception for invalid user input in swift
  29. Show iPhone cut copy paste menu on UILabel
  30. iOS Different Font Sizes within Single Size Class for Different Devices

Leave a Comment