Índice

Animaciones

Las animaciones representan efectos visuales que pueden aplicarse a varios elementos de la interfaz. Android tiene dos tipos de animaciones:

  • El primer tipo afecta a las propiedades de las vistas (tamaño, posición, opacidad). A este tipo de animación se le denomina Tween Animation.

  • El segundo tipo permite mostrar, entre otras, varias imágenes en una misma vista. Este tipo de animación se llama Frame animation.

1. Tween Animation

Esta animación permite realizar transiciones (rotación, opacidad, movimiento). Se define en un archivo XML en la carpeta anim, dentro de la carpeta res.

El archivo XML que representa este tipo de animaciones puede contener las etiquetas siguientes:

  • set:

  • El archivo debe, obligatoriamente, comenzar con esta etiqueta set.

  • Cada etiqueta representa un grupo de animación.

  • Puede incluir varias etiquetas set para crear varios grupos de animaciones.

  • alpha: la animación utiliza transparencia de elementos.

  • scale: la animación sirve para redimensionar elementos. Puede especificar el centro usado para dimensionar el elemento.

  • translate: representa una translación horizontal o vertical del elemento deseado. 

  • rotate: la animación sirve para realizar una rotación.

Para ilustrar estas explicaciones, se va a crear una animación que sirve para realizar la rotación de una imagen.

Para empezar, cree una vista que incluya una imagen (ImageView):

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:orientation="vertical" > 
 
    <ImageView 
      android:id="@+id/image"  
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="center_vertical|center_horizontal" 
      android:src="@drawable/android" /> 
  
</LinearLayout>

A continuación, en la carpeta anim, cree un archivo llamado my_animation.xml en el que definirá su animación.

<set xmlns:android="http://schemas.android.com/apk/res/android"  ...