android simple 2d layout animation

10
Simple 2D Animation on Android Fernando Cejas

Upload: fernando-cejas

Post on 03-Jul-2015

4.734 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Android simple 2d Layout animation

Simple 2D Animation on Android

Fernando Cejas

Page 2: Android simple 2d Layout animation

• Frame by frameEsta ocurre cuando una serie de frames son dibujados unos tras otros a intervalosde tiempo regulares

• Layout animationSe utiliza para animar View dentro de Container Views como por ejemplo Listas y Tablas.

• View AnimationEste tipo de animación sirve para animar cualquier View

Page 3: Android simple 2d Layout animation

• Proceso de mostrar una serie de imágenes a intervalos de tiempo

• Utiliza la clase AnimationDrawable, la cual es un Drawable que puede actuar como background de cualquier view.

• Este tipo de animación no posee un callback().

Page 4: Android simple 2d Layout animation

En el ejemplo, vamos a ver una serie de imágenes muy similares(drawings) que se ejecuta en un imageView.

De esta manera lo que logramos es un efecto de animación estilopelícula.

Page 5: Android simple 2d Layout animation

• Se puede utilizar en clases que derivan de ViewGroup.

• Los efecto visuales se aplican a cada item de un ViewGroup en el momento que es mostrado.

• Trabaja bajos principios de interpolación:

– Scale Animation

– Rotate Animation

– Translate Animation

– Alpha Animation

• Utiliza un LayoutMediaController.

Page 6: Android simple 2d Layout animation

En el ejemplo, vamos a ver un ListView animado con una LayoutAnimation en el que cada uno de sus elementos se van a animar.

Se van a utilizar distintos efectos de interpolación para mostrardistintas posibilidades de animación.

Como observación, decir que todo se hace mediantes ficheros xml en los resources de nuestra applicación.

Page 7: Android simple 2d Layout animation

• Es el tipo de animación simple mas compleja que ofrece el framework.

• Es un tipo de animación basada en la transformación de matrices.

• Se utiliza para todo tipo de Views o ViewGroups.

• Se puede utilizar una cámara para simular animaciones 3D (no confundir con la cámara de hardware del dispositivo)

Page 8: Android simple 2d Layout animation

En el ejemplo, vamos a ver un ListView con elementos, como se modifica su matriz de transformación de manera que podamos logrardiferentes tipos de animaciones.

Se verá el uso del CallBa

Page 9: Android simple 2d Layout animation

Preguntas???

Si no hay, vamos con el sorteo de la camiseta

Page 10: Android simple 2d Layout animation

MUCHAS GRACIAS!!!

Fernando [email protected]

[email protected]

Twitter: fernando_cejas

http://www.android10.org/