Partial page curl animation

Question

I have a working transition using UIViewAnimationTransitionCurlUp however, I would like the animation to stop halfway through, much like the Maps application...Any thoughts on how to achieve this?

score 11 · Answer 1 · answered Mar 18 '11 at 00:57

In iOS 3.2 and later, you can give your UIViewController a UIModalTransitionStyle of UIModalTransitionStylePartialCurl. From the UIViewController reference, we see

typedef enum {
  UIModalTransitionStyleCoverVertical = 0,
  UIModalTransitionStyleFlipHorizontal,
  UIModalTransitionStyleCrossDissolve,
  UIModalTransitionStylePartialCurl,
} UIModalTransitionStyle;

So an example use case would be:

UIViewController *viewController;
// …create or retrieve your view controller…

// Note: The modalPresentationStyle must be UIModalPresentationFullScreen,
//       and the presenter must also be a full-screen view
viewController.modalPresentationStyle = UIModalPresentationFullScreen;
viewController.modalTransitionStyle = UIModalTransitionStylePartialCurl;

If you'd like to do this, but preserve a bottom toolbar (e.g., not a full-screen curl), see my solution [here](http://stackoverflow.com/a/11406056/1148702) — Tim Arnold, Jul 10 '12 at 14:53

score 7 · Answer 2 · edited May 06 '19 at 16:31

I found a solution to add an UIView to UIViewController using Animation block.

m_Container is an UIView who contain my view animation (self). self is an UIView.

CAUTION : You need to have import QuartzCore

To present view with page curl animation you can use :

-(void)PresentView
{
    [UIView animateWithDuration:1.0 
                     animations:^{
                         CATransition *animation = [CATransition animation];
                         [animation setDelegate:self];
                         [animation setDuration:0.7];
                         [animation setTimingFunction:UIViewAnimationCurveEaseInOut];
                         animation.type = @"pageCurl";
                         animation.fillMode = kCAFillModeForwards;
                         animation.endProgress = 0.65;
                         [animation setRemovedOnCompletion:NO];
                         [m_container.layer addAnimation:animation forKey:@"pageCurlAnimation"];  
                         [m_container addSubview:self];
                         ;}  
     ];    
}

And when you want hide this view you can use :

-(void)HideHelpView
{
    [UIView animateWithDuration:1.0 
                     animations:^{
                         CATransition *animation = [CATransition animation];
                         [animation setDelegate:self];
                         [animation setDuration:0.7];
                         [animation setTimingFunction:UIViewAnimationCurveEaseInOut];
                         animation.type = @"pageUnCurl";
                         animation.fillMode = kCAFillModeForwards;
                         animation.startProgress = 0.35;
                         [animation setRemovedOnCompletion:NO];
                         [m_container.layer addAnimation:animation forKey:@"pageUnCurlAnimation"];  
                         [self removeFromSuperview];

                         ;}  
     ];

}

Is this private API? It seems to work perfectly but I don't see it in the docs. — SG1, Feb 12 '12 at 18:41
This is not a private API, I just use UIView methods to animate a view (m_container for me). You just need to copy methods content in your own methods and change m_container by your view… — TheRonin, Feb 13 '12 at 09:20

score 1 · Accepted Answer · answered Nov 05 '09 at 20:20

1

The Maps partial curl is a private API. You can find details of how to use it in Erica Sadun's book The iPhone Developer's Cookbook, but you will get rejected from the App Store for using it.

answered Nov 05 '09 at 20:20

Sixten Otto

14,816
3
48
60

Good to know...Guess I'll just do a page flip transition then. – rson Nov 05 '09 at 20:47
As of iOS 3.2, this is no longer true. – tJener Mar 18 '11 at 03:48

score 0 · Answer 4 · answered Nov 05 '09 at 20:02

0

Not sure if this will work, but the parameter to +setAnimationRepeatCount: can be a fraction.

answered Nov 05 '09 at 20:02

Frank Schmitt

25,648
10
58
70

Partial page curl animation

4 Answers4

Linked