VIEWFLIPPER

 El componente ViewFlipper nos permite fácilmente paginar contenido dentro de

los XML. Cada elemento dentro del ViewFlipper es considerado una página, lo
normal es usar contenedores Layout para separar el contenido.

 Este Widget nos permite cambiar de una vista a otra de forma automática y, si se
desea, aplicando animaciones. Por ejemplo:

o Podemos crear un marco de foto digital que cada X segundos vayan

cambiando las fotos.

o Podemos añadir nuestra propia publicidad y que vaya cambiando el

anuncio cada X segundos.

Ejercicio 1

1. Desarrollar una aplicación con ViewFlipper, que muestre varias imágenes en

forma secuencial.

Solución 1

1. Crear una carpeta con el nombre  AndroidViewFlipper01

2. Activar el Eclipse

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 1

 3. Se muestra la siguiente pantalla:

Clic en el botón  Browse

4. Seleccionar la carpeta de trabajo:

Seleccionar la carpeta  AndroidViewFlipper01

Clic en el botón  Aceptar

Clic en el botón  Ok

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 2

 5. Clic en el siguiente botón:

6. Se Muestra la siguiente pantalla:

Application Name  AplicaViewFlipper
Project Name  DemoViewFliper
Package Name  com.aplicademoflipper01

Clic en el botón  Next

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 3

 Clic en  Next Clic en  Next

Nombre de la actividad  Principal

Clic en  Next Clic en  Finish

Eliminar el TextView  Hello World

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 4

 7. Diseño de la actividad Principal:

Edit Id  btnver

Edit Id  btnsalir

8. Agregar una segunda actividad con el nombre  Verflipper

9. Diseño de la actividad  Verflipper

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 5

 10. Copiar las imágenes que se encuentran en la carpeta:

Seleccionar los archivos desde imagen1

hasta imagen8, copiar y pegar hacia la
carpeta  drawable-xxhdpi

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 6

 11. En el archivo  Principal.java

Se crea dos objetos b1, b2 de tipo Button

 Se relaciona los objetos b1 y b2 con  btnver y btnsalir

 Se crea los eventos de b1 y b2 con el método  setOnClikListener
 Con el objeto b1 se invoca a otra actividad  Verflipper
 Con el objeto b2, salir de la aplicación con  finish()

12. En la actividad  verflipper.xml, en la ficha  activity_verflipper.xml

Modificar el Width y Height (fill_parent)

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 7

 13. En el archivo  activity_verflipper.xml (Graphical_Layout)

Carpeta  Transitions

Objeto  ViewFlipper

Clic en Ancho / Alto

ViewFlipper

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 8

 14. En el código de la actividad  activity_verflipper.xml
15. El Código del ViewFlipper es:

16. Se inserta un objeto  ImageView, con la imagen  imagen1

17. Se inserta un objeto  ImageView, con la imagen  imagen2

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 9

 18. Se inserta un objeto  ImageView, con la imagen  imagen3

19. Se inserta un objeto  ImageView, con la imagen  imagen4

20. Se inserta un objeto  ImageView, con la imagen  imagen5

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 10

 21. Se inserta un objeto  ImageView, con la imagen  imagen6

22. Se inserta un objeto  ImageView, con la imagen  imagen7

23. Se inserta un objeto  ImageView, con la imagen  imagen8

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 11

 24. Grabar la aplicación
25. En el archivo  Verflipper.java

Se crea un objeto  flipper de tipo ViewFlipper

Se relaciona los objetos de java (flipper) con los objeto de xml (viewFlipper1)

Con el método setFlipInterval se configura el tiempo de transición de imágenes (2000 =2 segundos)

Con el método startFlipping, se inicia la transición de imágenes

26. Grabar y configurar el emulador

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 12

 27. Ejecutar la aplicación:

Docente: Daniel Fernando Loza Santa Cruz / dlozas@hotmail.com Página 13