Animation de Curl de page Android

Question

1. Est-il possible de réaliser facilement l'animation de retournement de page avec Curl? Une animation Curl est une animation de retournement de pages, incluant la page supérieure qui se roule et les ombres sur la page inférieure.

2. Quelle est la meilleure façon de réaliser une "galerie" affichant deux pages à la fois (comme un livre)?

   Est-ce :

   1. Laisser l'adaptateur afficher une disposition linéaire de deux images à la fois? (ce qui ne permet pas d'afficher une page qui se retourne par dessus l'autre comme un livre)
   2. Utiliser deux pages, les placer de manière à ce qu'elles soient côte à côte, et ensuite, lorsqu'il est temps d'animer - déplacer les deux pages suivantes par-dessus? Quelle est la meilleure manière qui permettrait d'afficher la page de gauche se retournant par-dessus la page de droite?

Answer 1

Je suis en train de mettre un curling de page 2D dans le canevas natif. Consultez ma réponse dans : Implement page curl on android?

MODIFIER : Le projet de code de ma mise en œuvre : http://code.google.com/p/android-page-curl/ MODIFIER2 : Liens mis à jour

Answer 2

Je suis en train d'utiliser ce code. C'est vraiment parfait pour n'importe qui de comprendre et d'utiliser. Un grand merci à Harism

Lien GitHub pour l'animation de curling de page sous android avec OpenGL

Answer 3

Je n'ai jamais travaillé sur Android auparavant, mais il me semble que la meilleure façon de réaliser un affichage de type feuilletage de pages serait de le dessiner en trois couches. La première serait le texte de la première page, la deuxième étant la "page" en dessous, et la troisième étant la page suivante. Si vous les dessinez de l'arrière vers l'avant, la seule chose que l'utilisateur verra sera le texte de la première page.

Maintenant, une fois que vous avez cela, vous voudrez faire une sorte d'animation de retournement de page basée sur les contrôles que vous utilisez. Choisissez simplement la méthode qui fonctionne le mieux pour vous pour réaliser cette animation, mais pendant ce temps, ayez la partie de la page qui n'est plus là avec une transparence alpha. Cela vous permettra de voir le texte de la page en dessous (D'accord, j'ai menti. Vous aurez besoin d'un arrière-plan derrière ce texte aussi).

Le problème à ce stade est que vous dessinez toujours le texte deux fois sur le même espace, alors vous voudrez mélanger le texte de la première page avec l'animation en dessous. De cette façon, le texte qui est sur les sections avec une transparence de 0 sera invisible. Il ne se courbera pas avec l'animation, donc cela peut encore poser problème, mais en fonction de la vitesse du retournement, cela peut être acceptable. Lorsque l'animation est terminée, il suffit de définir la première page comme étant la deuxième, de réinitialiser l'animation en blanc uni, et de définir la deuxième page comme étant la nouvelle deuxième page.

L'effet d'ombre peut être réalisé simplement en rendant partiellement transparente une partie noire derrière l'animation de retournement de page. Dessinez sur la deuxième page (comme le fait déjà la couche d'animation) et voilà !

Je pense que votre question sur les deux pages pourrait utiliser une méthode très similaire. Bonne chance

Answer 4

Il s'agit d'un projet d'animation 3D (basé sur OpenGL 2.0) - http://anettosoftware.co.uk/npc.php