SlideShare una empresa de Scribd logo
Simple 2D Animation on AndroidFernando Cejas
Tipos de animación:Frame by frameEstaocurrecuandounaserie de frames son dibujadosunostrasotros a intervalos de tiemporegularesLayout animationSe utiliza para animarViewdentro de Container Viewscomoporejemplo  Listas y Tablas.View AnimationEste tipo de animaciónsirve para animarcualquierView
Frame-by-frameProceso de mostrarunaserie de imágenes a intervalos de tiempoUtiliza la clase AnimationDrawable, la cual es un Drawable que puedeactuarcomo background de cualquierview.Este tipo de animación no posee un callback().
EjemploEn el ejemplo, vamos a ver unaserie de imágenesmuysimilares (drawings) que se ejecuta en un imageView. De estamaneralo que logramos es un efecto de animaciónestilopelícula.
LayoutAnimationSe puedeutilizar en clases que derivan de ViewGroup.Los efectovisuales se aplican a cada item de un ViewGroup en el momento que es mostrado.Trabajabajosprincipios de interpolación:Scale AnimationRotate AnimationTranslate AnimationAlpha AnimationUtiliza un LayoutMediaController.
EjemploEn el ejemplo, vamos a ver un ListViewanimado con unaLayout Animation en el que cadauno de sus elementos se van a animar.Se van a utilizardistintosefectos de interpolación para mostrardistintasposibilidades de animación. Comoobservación, decir que todo se hacemediantesficherosxml en los resources de nuestraapplicación.
View AnimationEs el tipo de animación simple mas compleja que ofrece el framework. Es un tipo de animaciónbasada en la transformación de matrices.Se utiliza para todotipo de Viewso ViewGroups.Se puedeutilizarunacámara para simularanimaciones 3D (no confundir con la cámara de hardware deldispositivo)
EjemploEn el ejemplo, vamos a ver un ListView con elementos, como se modifica su matriz de transformación de manera que podamoslogrardiferentestipos de animaciones.Se verá el usodelCallBa
Preguntas???Si no hay, vamos con el sorteo de la camiseta
MUCHAS GRACIAS!!!Fernando Cejasfcejas@gmail.comhello@android10.orgTwitter: fernando_cejashttp://www.android10.org/

Más contenido relacionado

PPTX
PPTX
La animacion
DOCX
5 herramientas poderosas
PPSX
Manual Básico de flash 8
PPTX
Animation
PDF
Principios de Animación
ODP
Blender Animation
PDF
Visual Design with Data
La animacion
5 herramientas poderosas
Manual Básico de flash 8
Animation
Principios de Animación
Blender Animation
Visual Design with Data

Similar a Android simple 2d Layout animation (20)

PPT
Entorno visual p2
PPTX
Introducción a flash professional cs5 karen
DOCX
Teoria de ofimatica
PPTX
Introduccion Flash
DOCX
Colegio nacional nicolas esguerra
PPTX
Colegio venecia i
PPTX
Interfaz de adobe flash
PDF
Animación con KeyShot
PPTX
Interfaz de flash
PPTX
Interfaz de flash
DOCX
Trabajo 3d max
PPTX
Interfaz de flash
PPTX
ASSETS E IMAGENES.pptx
DOCX
Generalidades 3 d studio max
PPTX
Unidad 3 Adobe Captivate 7
PDF
Animaciones y transiciones
PPTX
Jeison bello trabajo n° 1
PPTX
Interfaz de flash
DOCX
Colegio nacional nicolás esguerra 100
Entorno visual p2
Introducción a flash professional cs5 karen
Teoria de ofimatica
Introduccion Flash
Colegio nacional nicolas esguerra
Colegio venecia i
Interfaz de adobe flash
Animación con KeyShot
Interfaz de flash
Interfaz de flash
Trabajo 3d max
Interfaz de flash
ASSETS E IMAGENES.pptx
Generalidades 3 d studio max
Unidad 3 Adobe Captivate 7
Animaciones y transiciones
Jeison bello trabajo n° 1
Interfaz de flash
Colegio nacional nicolás esguerra 100
Publicidad

Más de Fernando Cejas (15)

PDF
The Mayans Lost Guide to RxJava on Android
PDF
It is about philosophy: culture of a good programmer
PDF
Material Design for Old Schoolers
PDF
How to Become the MacGyver of Android Custom Views
PDF
Android UX-UI Design for Fun and Profit
PDF
How ANDROID TESTING changed how we think about Death - Second Edition
PDF
How ANDROID TESTING changed how we think about Death
PDF
Dinosaurs and Androids: The Listview Evolution
PDF
Inside Android Testing
PDF
Webview: The fifth element
PPTX
Nfc on Android
PPTX
Android Design Patterns
PPTX
Android Cloud To Device Messaging
PPTX
Android Quick Introduction
PPT
Desarrollo android almacenamiento de datos
The Mayans Lost Guide to RxJava on Android
It is about philosophy: culture of a good programmer
Material Design for Old Schoolers
How to Become the MacGyver of Android Custom Views
Android UX-UI Design for Fun and Profit
How ANDROID TESTING changed how we think about Death - Second Edition
How ANDROID TESTING changed how we think about Death
Dinosaurs and Androids: The Listview Evolution
Inside Android Testing
Webview: The fifth element
Nfc on Android
Android Design Patterns
Android Cloud To Device Messaging
Android Quick Introduction
Desarrollo android almacenamiento de datos
Publicidad

Último (20)

PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PPTX
modulo seguimiento 1 para iniciantes del
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PPT
introduccion a las_web en el 2025_mejoras.ppt
PPT
El-Gobierno-Electrónico-En-El-Estado-Bolivia
PDF
capacitación de aire acondicionado Bgh r 410
PDF
TRABAJO DE TECNOLOGIA.pdf...........................
PPTX
Propuesta BKP servidores con Acronis1.pptx
PDF
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PPTX
Presentación PASANTIAS AuditorioOO..pptx
PPTX
la-historia-de-la-medicina Edna Silva.pptx
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
PPTX
Presentacion de Alba Curso Auditores Internos ISO 19011
PDF
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
PPTX
Power Point Nicolás Carrasco (disertación Roblox).pptx
PPTX
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
PPTX
Presentación de Redes de Datos modelo osi
PDF
Influencia-del-uso-de-redes-sociales.pdf
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
modulo seguimiento 1 para iniciantes del
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
introduccion a las_web en el 2025_mejoras.ppt
El-Gobierno-Electrónico-En-El-Estado-Bolivia
capacitación de aire acondicionado Bgh r 410
TRABAJO DE TECNOLOGIA.pdf...........................
Propuesta BKP servidores con Acronis1.pptx
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
Presentación PASANTIAS AuditorioOO..pptx
la-historia-de-la-medicina Edna Silva.pptx
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
Presentacion de Alba Curso Auditores Internos ISO 19011
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
Power Point Nicolás Carrasco (disertación Roblox).pptx
IA de Cine - Como MuleSoft y los Agentes estan redefiniendo la realidad
Presentación de Redes de Datos modelo osi
Influencia-del-uso-de-redes-sociales.pdf
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...

Android simple 2d Layout animation

  • 1. Simple 2D Animation on AndroidFernando Cejas
  • 2. Tipos de animación:Frame by frameEstaocurrecuandounaserie de frames son dibujadosunostrasotros a intervalos de tiemporegularesLayout animationSe utiliza para animarViewdentro de Container Viewscomoporejemplo Listas y Tablas.View AnimationEste tipo de animaciónsirve para animarcualquierView
  • 3. Frame-by-frameProceso de mostrarunaserie de imágenes a intervalos de tiempoUtiliza la clase AnimationDrawable, la cual es un Drawable que puedeactuarcomo background de cualquierview.Este tipo de animación no posee un callback().
  • 4. EjemploEn el ejemplo, vamos a ver unaserie de imágenesmuysimilares (drawings) que se ejecuta en un imageView. De estamaneralo que logramos es un efecto de animaciónestilopelícula.
  • 5. LayoutAnimationSe puedeutilizar en clases que derivan de ViewGroup.Los efectovisuales se aplican a cada item de un ViewGroup en el momento que es mostrado.Trabajabajosprincipios de interpolación:Scale AnimationRotate AnimationTranslate AnimationAlpha AnimationUtiliza un LayoutMediaController.
  • 6. EjemploEn el ejemplo, vamos a ver un ListViewanimado con unaLayout Animation en el que cadauno de sus elementos se van a animar.Se van a utilizardistintosefectos de interpolación para mostrardistintasposibilidades de animación. Comoobservación, decir que todo se hacemediantesficherosxml en los resources de nuestraapplicación.
  • 7. View AnimationEs el tipo de animación simple mas compleja que ofrece el framework. Es un tipo de animaciónbasada en la transformación de matrices.Se utiliza para todotipo de Viewso ViewGroups.Se puedeutilizarunacámara para simularanimaciones 3D (no confundir con la cámara de hardware deldispositivo)
  • 8. EjemploEn el ejemplo, vamos a ver un ListView con elementos, como se modifica su matriz de transformación de manera que podamoslogrardiferentestipos de animaciones.Se verá el usodelCallBa
  • 9. Preguntas???Si no hay, vamos con el sorteo de la camiseta