Tipos de Animaciones en Android

Clase 90 de 96 • Curso Definitivo de Android 2016

Contenido del curso

Bienvenido al curso

Creando nuestro entorno de desarrollo

Básicos de Android

Creando Platzigram

Conclusiones

Continuando con Platzigram

Arquitectura en Android

Accediendo al Hardware en Android

Configuración de Firebase en Android

Gradle en Android

Firebase Authentication en Android

Almacenamiento en Android

Menús en Android

Firebase Storage en Android

Logcat de Android y Crash Reporting de Firebase

Conexión a Servicios Web con Retrofit en Android

Trabajando con otra API, Medium

Uno de los grandes principios de Material Design es mantener la interacción con el usuario, es decir, todo en nuestra UI debe ser interactiva, al utilizar una interfaz en nuestra app debe significar un acción y reacción, la aplicación debe ser capaz de responder a la interacción de los usuarios.

A partir de estas "nuevas" métricas de diseño, Android introdujo una serie de clases y métodos para crear animaciones en nuestras vistas.

Android tiene esencialmente 3 formas de crear animaciones:

Animaciones Drawable
Animación de View's
Animaciones de Propiedades

Esta vez aprenderemos de qué se trata cada una y cuándo utilizarlas.

Animaciones Drawable

Este tipo de animación es de las más secillas y se enfoca en recursos Drawable que tienen una secuencia de imagenes como un Flip Book

En donde debemos tener la secuencia de imagenes en la carpeta de recursos drawable. En el siguiente capítulo aprenderemos a hacer estas.

Animaciones de View's

También se conocen como Animaciones Tween que proviene del término "in between" (intermedio) esto porque para que se de la animación es calculada entre el punto inicial y final del view.

Podemos darle los siguientes comportamientos al view e incluso mezclarlos entre sí:

posición
tamaño
rotación
transparencia

Este tipo de animaciones pueden ser definidas con código Java o con recursos XML (res/anim), aunque es más recomendable hacerlo con XML pues es más portable y podemos reutilizarlo muy fácilmente.

Este es un ejemplo de animaciones como recurso en dónde se está definiendo la afectación de un objeto en su tamaño y en su rotación:

<set android:interpolator="@android:anim/decelerate_interpolator">
        <scale
           android:fromXScale="1.4"
           android:toXScale="0.0"
           android:fromYScale="0.6"
           android:toYScale="0.0"
           android:pivotX="50%"
           android:pivotY="50%"
           android:startOffset="700"
           android:duration="400"
           android:fillBefore="false" />
        <rotate
           android:fromDegrees="0"
           android:toDegrees="-45"
           android:toYScale="0.0"
           android:pivotX="50%"
           android:pivotY="50%"
           android:startOffset="700"
           android:duration="400" />
    </set>

En los siguientes capítulos haremos animaciones de vistas mucho más profundo.

Animaciones de Propiedades

Este tipo de animación se introdujo en la versión 3.0 de Android (cuando llegaron las tablets y teníamos OpenGL en 3D) este se va a enfocar en animar las propiedades del objeto, es decir modificará al objeto en sí.

Este tipo es pensado para animaciones más complejas que van más allá de afectar el tamaño o la rotación de un elemento

Podemos modificar lo siguiente:

Duración El tiempo por default es de 300ms
Interpolación de tiempo Podemos específicar las propiedades que se cambiarán en función del tiempo
Recuento de repetición Controlamos las repeticiones, que se haga en un loop, reversa, cantidad de repeticiones, etc.
Conjuntos de animación Las animaciones se agrupan y se pueden reproducir juntas
Delay de Actualización de Frames Podemos especificar la frecuencia con la que deseamos mostrar cada frame, el valor por deafult por el momento es 10ms

Como ves este tipo de animaciones funcionan gracias a las librerías de Gráficos 2D y 3D que se han implementado en Android, comenzando con OpenGL y un API Framework de Android construdo con el Native Development Kit (NDK).

A pesar de que estas estan diseñadas a un bajo nivel de código, utilizar animaciones en Android es algo costoso, entonces tratemos de usarlas solo en momentos muy específicos de nuestra app, si lo que tienes en mente es construir un Video Juego en ese caso te recomiendo utilices otra herramienta como Unity, si este es tu punto de interés puedes tomar nuestra Carrera de Videojuegos en Platzi.

<set android:interpolator="@android:anim/decelerate_interpolator">
        <scale
           android:fromXScale="1.4"
           android:toXScale="0.0"
           android:fromYScale="0.6"
           android:toYScale="0.0"
           android:pivotX="50%"
           android:pivotY="50%"
           android:startOffset="700"
           android:duration="400"
           android:fillBefore="false" />
        <rotate
           android:fromDegrees="0"
           android:toDegrees="-45"
           android:toYScale="0.0"
           android:pivotX="50%"
           android:pivotY="50%"
           android:startOffset="700"
           android:duration="400" />
    </set>

Yorman stiven meneses

student•

Donde esta el capitulo donde se aplican las animaciones ?

Miguel Posada

y el Ejemplo ?

Ann Code

teacher•

Cuál?

Los ejemplos en donde aplicaremos estas animaciones, en el post dice, En los siguientes capítulos haremos animaciones de vistas mucho más profundo.

JOSE ADRIAN TEZOYOTL MORALES

Creo que faltan temas, seguridad solo un tema?, animaciones un tema?

Juan Guillermo Perez Cardozo

este tipo de temas ameritan un video. como ir a hacer un testDrive y decirnos que nos sentemos en una silla comun e imaginemos como es conducir el auto. ejemplo por favor

Tipos de Animaciones en Android

Bienvenido al curso

¡Vamos a renovar este curso!

Bienvenida

Descarga el material del curso

Introducción a Android

Estado actual del desarrollo en Android

Requerimientos y Herramientas para el Desarrollo en Android

Creando nuestro entorno de desarrollo

Inicia a programar para Android: ¿Qué necesito?

Arquitectura de una aplicación en Android

Android Studio

Android SDK Manager

Hola Mundo

Creando un emulador

Básicos de Android

Repaso rápido de Java (POJOS)

Android es MVC por defecto

XML vs. Editor Gráfico

Diferencia entre LinearLayout y Relative Layout

Widgets Básicos en Android

Widgets Básicos desde Java

Material Design

Creando Platzigram

Configurando nuestro tema Material

Widgets de Material Design

Maquetando nuestras vistas del proyecto

¿Qué es un Activity?

Maquetando nuestros Activities

Internacionalización de Textos

Rised button

EditText con Material Design

Terminando el Home de nuestra aplicación

Toolbar

Intents

CardView

Analizando nuestra vistas

Maquetando nuestro CardViewd

Introducción a Fragments

Creando nuestros fragments

Fragments en nuestro BotttomBar

¿Cómo funciona un RecyclerView?

Implemententando RecyclerView

Picasso

Analizando nuestra vista

Collapsing Toolbar Layout, AppBarLayout

Onclick Listener en RecyclerView

Implementando la vista de perfil

Comportamientos dependientes en Material Design

Transiciones en Android.

Conclusiones

Cierre del Curso

Desafío 01

Desafío 02

Desafío 03

Continuando con Platzigram

Bienvenida a la segunda parte del curso

Material del curso

Arquitectura en Android

¿Por qué se debe implementar una Arquitectura en Android?

Principios SOLID en Android

¿Qué es y por qué implementar MVP en Android?

MVP en Android un ejemplo sencillo

¿Qué es la arquitectura limpia? Clean Architecture

Platzigram con Clean Architecture creando la entidad Login

Integrando un Presenter e Interactor a Platzigram

Creando un Repository en Platzigram

Accediendo al Hardware en Android

Accediendo a la cámara en Android

Creando un layout para mostrar una foto en Android

Accediendo y mostrando fotos de la cámara en Android

Configuración de Firebase en Android

¿Qué es Firebase para Android?

Creando un proyecto en la consola de Firebase

Gradle en Android

¿Qué es Android Gradle?

Archivos de configuración Gradle en Android integración con Firebase

Firebase Authentication en Android

Cómo funciona Firebase Authentication en Android

Firebase Authentication Correo y Contraseña en Platzigram