SlideShare une entreprise Scribd logo
1  sur  10
Simple 2D Animation on Android Fernando Cejas
Tipos de animación: Frame by frame Estaocurrecuandounaserie de frames son dibujadosunostrasotros a intervalos de tiemporegulares ,[object Object],Se utiliza para animarViewdentro de Container Viewscomoporejemplo  Listas y Tablas. ,[object Object],Este tipo de animaciónsirve para animarcualquierView
Frame-by-frame Proceso de mostrarunaserie de imágenes a intervalos de tiempo Utiliza la clase AnimationDrawable, la cual es un Drawable que puedeactuarcomo background de cualquierview. Este tipo de animación no posee un callback().
Ejemplo En 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.
LayoutAnimation Se 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 Animation Rotate Animation Translate Animation Alpha Animation Utiliza un LayoutMediaController.
Ejemplo En 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 Animation Es 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)
Ejemplo En 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 Cejas fcejas@gmail.com hello@android10.org Twitter: fernando_cejas http://www.android10.org/

Contenu connexe

Similaire à Android simple 2d Layout animation

Similaire à Android simple 2d Layout animation (20)

Entorno visual p2
Entorno visual p2Entorno visual p2
Entorno visual p2
 
Introducción a flash professional cs5 karen
Introducción a flash professional cs5 karenIntroducción a flash professional cs5 karen
Introducción a flash professional cs5 karen
 
Teoria de ofimatica
Teoria de ofimaticaTeoria de ofimatica
Teoria de ofimatica
 
Introduccion Flash
 Introduccion Flash Introduccion Flash
Introduccion Flash
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio venecia i
Colegio venecia iColegio venecia i
Colegio venecia i
 
Interfaz de adobe flash
Interfaz de adobe flashInterfaz de adobe flash
Interfaz de adobe flash
 
Animación con KeyShot
Animación con KeyShotAnimación con KeyShot
Animación con KeyShot
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Trabajo 3d max
Trabajo 3d maxTrabajo 3d max
Trabajo 3d max
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
ASSETS E IMAGENES.pptx
ASSETS E IMAGENES.pptxASSETS E IMAGENES.pptx
ASSETS E IMAGENES.pptx
 
Generalidades 3 d studio max
Generalidades 3 d studio maxGeneralidades 3 d studio max
Generalidades 3 d studio max
 
Unidad 3 Adobe Captivate 7
Unidad 3 Adobe Captivate 7Unidad 3 Adobe Captivate 7
Unidad 3 Adobe Captivate 7
 
Animaciones y transiciones
Animaciones y transicionesAnimaciones y transiciones
Animaciones y transiciones
 
Jeison bello trabajo n° 1
Jeison bello trabajo  n° 1Jeison bello trabajo  n° 1
Jeison bello trabajo n° 1
 
801
801801
801
 
Interfaz de flash
Interfaz de flashInterfaz de flash
Interfaz de flash
 
Colegio nacional nicolás esguerra 100
Colegio nacional nicolás esguerra 100Colegio nacional nicolás esguerra 100
Colegio nacional nicolás esguerra 100
 

Plus de Fernando Cejas

The Mayans Lost Guide to RxJava on Android
The Mayans Lost Guide to RxJava on AndroidThe Mayans Lost Guide to RxJava on Android
The Mayans Lost Guide to RxJava on AndroidFernando Cejas
 
It is about philosophy: culture of a good programmer
It is about philosophy: culture of a good programmerIt is about philosophy: culture of a good programmer
It is about philosophy: culture of a good programmerFernando Cejas
 
Material Design for Old Schoolers
Material Design for Old SchoolersMaterial Design for Old Schoolers
Material Design for Old SchoolersFernando Cejas
 
How to Become the MacGyver of Android Custom Views
How to Become the MacGyver of Android Custom ViewsHow to Become the MacGyver of Android Custom Views
How to Become the MacGyver of Android Custom ViewsFernando Cejas
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitFernando Cejas
 
How ANDROID TESTING changed how we think about Death - Second Edition
How ANDROID TESTING changed how we think about Death - Second EditionHow ANDROID TESTING changed how we think about Death - Second Edition
How ANDROID TESTING changed how we think about Death - Second EditionFernando Cejas
 
How ANDROID TESTING changed how we think about Death
How ANDROID TESTING changed how we think about DeathHow ANDROID TESTING changed how we think about Death
How ANDROID TESTING changed how we think about DeathFernando Cejas
 
Dinosaurs and Androids: The Listview Evolution
Dinosaurs and Androids: The Listview EvolutionDinosaurs and Androids: The Listview Evolution
Dinosaurs and Androids: The Listview EvolutionFernando Cejas
 
Inside Android Testing
Inside Android TestingInside Android Testing
Inside Android TestingFernando Cejas
 
Webview: The fifth element
Webview: The fifth elementWebview: The fifth element
Webview: The fifth elementFernando Cejas
 
Android Design Patterns
Android Design PatternsAndroid Design Patterns
Android Design PatternsFernando Cejas
 
Android Cloud To Device Messaging
Android Cloud To Device MessagingAndroid Cloud To Device Messaging
Android Cloud To Device MessagingFernando Cejas
 
Android Quick Introduction
Android Quick IntroductionAndroid Quick Introduction
Android Quick IntroductionFernando Cejas
 
Desarrollo android almacenamiento de datos
Desarrollo android    almacenamiento de datosDesarrollo android    almacenamiento de datos
Desarrollo android almacenamiento de datosFernando Cejas
 

Plus de Fernando Cejas (15)

The Mayans Lost Guide to RxJava on Android
The Mayans Lost Guide to RxJava on AndroidThe Mayans Lost Guide to RxJava on Android
The Mayans Lost Guide to RxJava on Android
 
It is about philosophy: culture of a good programmer
It is about philosophy: culture of a good programmerIt is about philosophy: culture of a good programmer
It is about philosophy: culture of a good programmer
 
Material Design for Old Schoolers
Material Design for Old SchoolersMaterial Design for Old Schoolers
Material Design for Old Schoolers
 
How to Become the MacGyver of Android Custom Views
How to Become the MacGyver of Android Custom ViewsHow to Become the MacGyver of Android Custom Views
How to Become the MacGyver of Android Custom Views
 
Android UX-UI Design for Fun and Profit
Android UX-UI Design for Fun and ProfitAndroid UX-UI Design for Fun and Profit
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 - Second EditionHow ANDROID TESTING changed how we think about Death - Second Edition
How ANDROID TESTING changed how we think about Death - Second Edition
 
How ANDROID TESTING changed how we think about Death
How ANDROID TESTING changed how we think about DeathHow ANDROID TESTING changed how we think about Death
How ANDROID TESTING changed how we think about Death
 
Dinosaurs and Androids: The Listview Evolution
Dinosaurs and Androids: The Listview EvolutionDinosaurs and Androids: The Listview Evolution
Dinosaurs and Androids: The Listview Evolution
 
Inside Android Testing
Inside Android TestingInside Android Testing
Inside Android Testing
 
Webview: The fifth element
Webview: The fifth elementWebview: The fifth element
Webview: The fifth element
 
Nfc on Android
Nfc on AndroidNfc on Android
Nfc on Android
 
Android Design Patterns
Android Design PatternsAndroid Design Patterns
Android Design Patterns
 
Android Cloud To Device Messaging
Android Cloud To Device MessagingAndroid Cloud To Device Messaging
Android Cloud To Device Messaging
 
Android Quick Introduction
Android Quick IntroductionAndroid Quick Introduction
Android Quick Introduction
 
Desarrollo android almacenamiento de datos
Desarrollo android    almacenamiento de datosDesarrollo android    almacenamiento de datos
Desarrollo android almacenamiento de datos
 

Dernier

How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 

Dernier (11)

How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 

Android simple 2d Layout animation

  • 1. Simple 2D Animation on Android Fernando Cejas
  • 2.
  • 3. Frame-by-frame Proceso de mostrarunaserie de imágenes a intervalos de tiempo Utiliza la clase AnimationDrawable, la cual es un Drawable que puedeactuarcomo background de cualquierview. Este tipo de animación no posee un callback().
  • 4. Ejemplo En 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. LayoutAnimation Se 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 Animation Rotate Animation Translate Animation Alpha Animation Utiliza un LayoutMediaController.
  • 6. Ejemplo En 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 Animation Es 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. Ejemplo En 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
  • 10. MUCHAS GRACIAS!!! Fernando Cejas fcejas@gmail.com hello@android10.org Twitter: fernando_cejas http://www.android10.org/