Android Page Curl Animation

Question

• Is there an easy way to do a Curl page turning animation? The "Curl" animation is an animation of turning pages, including the page above the rolling page and the shadow on the bottom page.

• What is the recommended way to make a “gallery” that displays two pages at a time (like a book)?

  It:

  • Allows the adapter to display a linear arrangement of two images at a time? (this will not allow me to show a page turning over another, like a book).
  • Using two pages, placing somehow one next to each other, and then, when you need time for animation, move the next two pages? What is the best way to display the left page on the right page?

Answer 1

I implement 2D page curl in my own canvas. Check my answer in: Bring page curl to android?

EDIT: draft code for my implementation: http://code.google.com/p/android-page-curl/ EDIT2: updated links

Answer 2

I am using this code. This is really great for understanding and use. Thanks a lot to Charisma

GitHub Link for page animation on Android with OpenGL

Answer 3

I have not worked on an android before, but it seems to me that the best way to make a page with a display type flip is to make it in three layers. The first is the text of the first page, the second is the "page" at the bottom, and the third is the next page. If you draw them from front to back, the only thing the user sees is the text on the first page.

Now, as soon as you do this, you will want to make some kind of curling / flipping animation based on any controls that you use. Just choose any method that works best for you to complete this animation, but for now, use the part of the page that no longer exists. This will allow you to see the text of the page below (well, I lied. You will need a background behind this text too).

The problem with this question is that you still draw the text twice over the same space, so you will need to mix the text of the first page with the animation underneath. Thus, text that is above 0 alpha sections will be invisible. It will not bend with the animation, so this may be a problem, but depending on the speed of the flip, which can be perfect. When the animation is done, just set the first page = second, the reset animation equal to white, and the second page a new second page.

The shadow effect can be done simply by partially highlighting black for the page rotation animation. Draw a second page (as the animation layer already does) and voila!

I believe your two-page question may use a very similar method. Good luck.

Answer 4

This is a 3D animation project (based on OpenGL 2.0) - http://anettosoftware.co.uk/npc.php