UIView vertical flip animation

by

Just write your own method for the flip using Core Animation Transforms. 

- (void)verticalFlip{
    [UIView animateWithDuration:someDuration delay:someDelay animations:^{
        yourView.layer.transform = CATransform3DMakeRotation(M_PI,1.0,0.0,0.0);
    } completion:^{
        // code to be executed when flip is completed
    }];
}

Make sure you have the Core Animation libraries/frameworks added and included and also have included math.h if you want to use the M_PI notation.

EDIT:

To have it essentially “change” the view when it’s halfway flipped do something like this: 

- (void)verticalFlip{
    [UIView animateWithDuration:someDuration delay:someDelay animations:^{
        yourView.layer.transform = CATransform3DMakeRotation(M_PI_2,1.0,0.0,0.0); //flip halfway
    } completion:^{
        while ([yourView.subviews count] > 0)
            [[yourView.subviews lastObject] removeFromSuperview]; // remove all subviews
        // Add your new views here 
        [UIView animateWithDuration:someDuration delay:someDelay animations:^{
            yourView.layer.transform = CATransform3DMakeRotation(M_PI,1.0,0.0,0.0); //finish the flip
        } completion:^{
            // Flip completion code here
        }];
    }];
}

This could also work:

- (void)verticalFlip{

    // Do the first half of the flip
    [UIView animateWithDuration:someDuration delay:someDelay animations:^{
        yourView.layer.transform = CATransform3DMakeRotation(M_PI_2,1.0,0.0,0.0); //flip halfway
    } completion:^{
        while ([yourView.subviews count] > 0)
            [[yourView.subviews lastObject] removeFromSuperview]; // remove all subviews
        // Add your new views here 
    }];

    // After a delay equal to the duration+delay of the first half of the flip, complete the flip
    [UIView animateWithDuration:someDuration delay:durationOfFirstAnimation animations:^{
        yourView.layer.transform = CATransform3DMakeRotation(M_PI,1.0,0.0,0.0); //finish the flip
    } completion:^{
        // Flip completion code here
    }];
}

Cheers.

More Related Contents:

  1. How do I apply a perspective transform to a UIView?
  2. UIView Infinite 360 degree rotation animation?
  3. UIView animateWithDuration doesn’t animate cornerRadius variation
  4. Test whether a UIView is in the middle of animation
  5. How is the relation between UIView’s clipsToBounds and CALayer’s masksToBounds?
  6. Get to UIViewController from UIView?
  7. How to tell if UIViewController’s view is visible
  8. How to set iPhone UIView z index?
  9. How to animate the background color of a UILabel?
  10. Is it possible to set UIView border properties from interface builder?
  11. UIView bottom border?
  12. How to use UIView autoresizingMask property programmatically?
  13. How to add a touch event to a UIView?
  14. Cut transparent hole in UIView
  15. How does clipsToBounds work?
  16. “From View Controller” disappears using UIViewControllerContextTransitioning
  17. UILabel layer cornerRadius negatively impacting performance
  18. Given a view, how do I get its viewController?
  19. How to load a xib file in a UIView
  20. Cannot put a google maps GMSMapView in a subview of main main view?
  21. UIView shake animation
  22. Creating a reusable UIView with xib (and loading from storyboard)
  23. Screenshot showing up blank – Swift
  24. UIView – How to get notified when the view is loaded?
  25. Simple way to change the position of UIView?
  26. How to draw a “speech bubble” on an iPhone?
  27. iOS – Push viewController from code and storyboard
  28. In SwiftUI, how to use UIHostingController inside an UIView or as an UIView?
  29. Different cornerRadius for each corner
  30. Rotating a view in layoutSubviews

Leave a Comment