0
Simple 2D Animation on Android<br />Fernando Cejas<br />
Tipos de animación:<br />Frame by frame<br />Estaocurrecuandounaserie de frames son dibujadosunostrasotros a intervalos de...
Frame-by-frame<br />Proceso de mostrarunaserie de imágenes a intervalos de tiempo<br />Utiliza la clase AnimationDrawable,...
Ejemplo<br />En el ejemplo, vamos a ver unaserie de imágenesmuysimilares (drawings) que se ejecuta en un imageView. <br />...
LayoutAnimation<br />Se puedeutilizar en clases que derivan de ViewGroup.<br />Los efectovisuales se aplican a cada item d...
Ejemplo<br />En el ejemplo, vamos a ver un ListViewanimado con unaLayout Animation en el que cadauno de sus elementos se v...
View Animation<br />Es el tipo de animación simple mas compleja que ofrece el framework. <br />Es un tipo de animaciónbasa...
Ejemplo<br />En el ejemplo, vamos a ver un ListView con elementos, como se modifica su matriz de transformación de manera ...
Preguntas???<br />Si no hay, vamos con el sorteo de la camiseta<br />
MUCHAS GRACIAS!!!<br />Fernando Cejas<br />fcejas@gmail.com<br />hello@android10.org<br />Twitter: fernando_cejas<br />htt...
Upcoming SlideShare
Loading in...5
×

Android simple 2d Layout animation

4,734

Published on

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

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

No notes for slide

Transcript of "Android simple 2d Layout animation"

  1. 1. Simple 2D Animation on Android<br />Fernando Cejas<br />
  2. 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. 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. 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. 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. 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. 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. 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. 9. Preguntas???<br />Si no hay, vamos con el sorteo de la camiseta<br />
  10. 10. MUCHAS GRACIAS!!!<br />Fernando Cejas<br />fcejas@gmail.com<br />hello@android10.org<br />Twitter: fernando_cejas<br />http://www.android10.org/<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×