How to do Animation like BooK front cover in iOS?

Question

I want the Page flip animation for Photo Album Book cover even though I have added animation for pages (Used UIpageViewController) but need to have main page animation as well.

Please see this link, exactly like this I want.

update:-Please help me to achieve the animation like in above given link.In that link, For inner pages i have done, for book cover(front and back animation) i need to do. — Sanoj Kashyap, Sep 24 '13 at 20:38

score 3 · Answer 1 · answered Sep 13 '13 at 06:52

3

Check this :

http://code4app.net/ios/Flip-Transform-View/4f75aa156803faa60f000000

Go through the video given for the code reference.

I guess this is what you are looking for.

answered Sep 13 '13 at 06:52

Mrunal

13,982
6
52
96

actually i have implemented the UIpageViewcontroller and now I want to add the Cover to that.so that is i am looking for. – Sanoj Kashyap Sep 13 '13 at 07:28
Then keen this two animations seperated. For first page (cover page) use the flip transform and for the other use UIPageViewController. – Mrunal Sep 13 '13 at 09:16
Please check my answer.I achieved it. – Sanoj Kashyap Sep 13 '13 at 11:53

Sanoj Kashyap · Accepted Answer · 2013-09-18T06:45:00.357

Use this code , after long hours work I solved this task , feeling happy :) Updated:

[UIView setAnimationDelegate:self];
[UIView commitAnimations];
CATransform3D initialTransform = ges.view.layer.transform;
initialTransform.m34 = 1.0 / -1100;
layer.transform = initialTransform;
layer.anchorPoint = CGPointMake(-0.0, 0.5);
NSLog(@"%f %f",layer.frame.origin.x,layer.frame.origin.y);
[UIView beginAnimations:@"Scale" context:nil];
[UIView setAnimationDuration:3];
[UIView setAnimationCurve: UIViewAnimationCurveEaseInOut];
CATransform3D rotationAndPerspectiveTransform = ges.view.layer.transform;
rotationAndPerspectiveTransform = CATransform3DRotate(rotationAndPerspectiveTransform, M_PI , 0 , -ges.view.bounds.size.height/2, 0);
layer.transform = rotationAndPerspectiveTransform;
[UIView setAnimationDelegate:self];
[UIView commitAnimations];

[UIView setAnimationDelegate:self];
[UIView commitAnimations];

yes, for animation part.rotating view is album front cover only which flip from left to right , is what i wanted. — Sanoj Kashyap, Sep 13 '13 at 13:07
I know this is an old post, but may I ask how you implemented this with the UIPageViewController? — Wayne J., May 05 '15 at 23:03

How to do Animation like BooK front cover in iOS?

2 Answers2

Linked