Page curl & turn effects for iPhone Development

n.evermind picture n.evermind · Mar 25, 2011 · Viewed 19.7k times · Source

I'm looking for a very simple page turn effect, similar to the one in iBooks BUT much simpler. I only need the page to be turned if the user swipes the screen (so no difficult 'grabbing' the page animations etc. -- simply an animation). Actually, all I would need is the following with the exception that it should not CurlDown or CurlUp, but from the left side to the right side and vice versa:

[UIView setAnimationTransition:
         UIViewAnimationTransitionCurlDown
                               forView:self.view cache:YES];

I had a look around an there are several tutorials on how to do more advanced page turns:


For iOS 5: Simply use UIPageViewController (see edit below)

For iPad: Page Curling -- looks perfect & beautiful, but quite advanced

For iPad: Page Curling -- right direction, but not as beautiful

For iPhone: Fancy 'Transparent' Curl (like iBooks) -- private API though (?)

Deconstructing the effect in Classics: Classics App


I guess there may be more tutorials and sample code and I was wondering if we could collect them here with a little description. And of course, I am particularly looking for that very simple page-turn effect similar to UIViewAnimationTransitionCurlDown/Up, only that it goes from right-to-left and not buttom-to-top.

Would it be easy to achieve a simple page turn effect with gradient overlays and a little 2-D animation? Or is this what the 'leaves' project is all about? Thanks for clarifications and updates of the list.


EDIT:

With iOS 5 you can now easily add iBooks like page turn effects. Simply open a new project and choose Page-based Application (you need xCode 4.2 and iOS 5 running).

Answer

lomanf picture lomanf · Jun 23, 2011

I put an answer to this question about the status of Page Curl effect.

We worked on a filter based on OpenGL ES and CoreGraphics that looks really close to the iBooks one and it's App Store safe. The filter is finished, we're working on a simple and easy-to-use API to integrate the effects.

Take a look here http://api.mutado.com/mobile/paperstack/