Your SlideShare is downloading. ×
0
Android simple 2d Layout animation
Android simple 2d Layout animation
Android simple 2d Layout animation
Android simple 2d Layout animation
Android simple 2d Layout animation
Android simple 2d Layout animation
Android simple 2d Layout animation
Android simple 2d Layout animation
Android simple 2d Layout animation
Android simple 2d Layout animation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Android simple 2d Layout animation

4,717

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,717
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
44
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Simple 2D Animation on Android<br />Fernando Cejas<br />
  • 2. Tipos de animación:<br />Frame by frame<br />Estaocurrecuandounaserie de frames son dibujadosunostrasotros a intervalos de tiemporegulares<br /><ul><li>Layout animation</li></ul>Se utiliza para animarViewdentro de Container Viewscomoporejemplo Listas y Tablas.<br /><ul><li>View Animation</li></ul>Este tipo de animaciónsirve para animarcualquierView<br />
  • 3. Frame-by-frame<br />Proceso de mostrarunaserie de imágenes a intervalos de tiempo<br />Utiliza la clase AnimationDrawable, la cual es un Drawable que puedeactuarcomo background de cualquierview.<br />Este tipo de animación no posee un callback().<br />
  • 4. Ejemplo<br />En el ejemplo, vamos a ver unaserie de imágenesmuysimilares (drawings) que se ejecuta en un imageView. <br />De estamaneralo que logramos es un efecto de animaciónestilopelícula.<br />
  • 5. LayoutAnimation<br />Se puedeutilizar en clases que derivan de ViewGroup.<br />Los efectovisuales se aplican a cada item de un ViewGroup en el momento que es mostrado.<br />Trabajabajosprincipios de interpolación:<br />Scale Animation<br />Rotate Animation<br />Translate Animation<br />Alpha Animation<br />Utiliza un LayoutMediaController.<br />
  • 6. Ejemplo<br />En el ejemplo, vamos a ver un ListViewanimado con unaLayout Animation en el que cadauno de sus elementos se van a animar.<br />Se van a utilizardistintosefectos de interpolación para mostrardistintasposibilidades de animación. <br />Comoobservación, decir que todo se hacemediantesficherosxml en los resources de nuestraapplicación.<br />
  • 7. View Animation<br />Es el tipo de animación simple mas compleja que ofrece el framework. <br />Es un tipo de animaciónbasada en la transformación de matrices.<br />Se utiliza para todotipo de Viewso ViewGroups.<br />Se puedeutilizarunacámara para simularanimaciones 3D (no confundir con la cámara de hardware deldispositivo)<br />
  • 8. Ejemplo<br />En el ejemplo, vamos a ver un ListView con elementos, como se modifica su matriz de transformación de manera que podamoslogrardiferentestipos de animaciones.<br />Se verá el usodelCallBa<br />
  • 9. Preguntas???<br />Si no hay, vamos con el sorteo de la camiseta<br />
  • 10. MUCHAS GRACIAS!!!<br />Fernando Cejas<br />fcejas@gmail.com<br />hello@android10.org<br />Twitter: fernando_cejas<br />http://www.android10.org/<br />

×