jueves, 6 de mayo de 2010

TUTORIAL: Desarrollo de aplicaciones para Android (VIII)


El GridView es un GroupView que muestra elementos en un grid bidimensional con scroll (barra desplazable). Los elementos se insertan automáticamente en el grid mediante un ListAdapter.
Vamos a aprender a crear un grid de imágenes tal que cuando seleccionemos una imagen aparecerá un mensaje emergente que mostrará la posición de la imagen.
Para ello seguimos los siguientes pasos:

1. Creamos un proyecto llamado por ejemplo HolaGridView

2. Buscamos algunas fotos o nos bajamos estas imágenes de muestra y las guardamos en res/drawable/ (si la carpeta no existe la creamos)

3. Editamos el fichero res/layout.main.xml y sustituimos el contenido por el código del paso 3 de esta página. Podemos mirar el código y veremos que el grid lo ocupará todo, además se indican las dimensiones y otras propiedades.

4. Abrimos HolaGridView.java y sustituimos el contenido del método onCreate() por el del paso 4 de esta página.
Además sustituimos:
Toast.makeText(HelloGridView.this, "" + position, Toast.LENGTH_SHORT).show();
Por:
Toast.makeText(HolaGridView.this, "" + position, Toast.LENGTH_SHORT).show();

5. Ahora creamos una nueva clase llamada ImageAdapter que herede de BaseAdapter con el código del paso 5 de esta página.

6. Ejecutamos la aplicación y veremos algo similar a esto:


En la próxima parte del tutorial veremos el TabLayout.

Siguiente parte del tutorial

3 comentarios:

Emmanuel dijo...

Hola! estoy teniendo un problema.... en la parte del código del gridview.setOnItemClickListener(new OnClickListener() {

osea me está fallando porque no puede instanciar OnClickListener, lo cual me parece lógico porque es una interface... que deberia hacer? o que no estoy contemplando?

Emmanuel dijo...

perdon le di publicar....

gracias de antemano

saludos

Byron dijo...

Perdón por el retraso.
Creoq ue el error es que la línea de código correcta es:

gridview.setOnItemClickListener(new OnItemClickListener() {

Por cierto, para importar todos los paquetes necesarios haz Ctrl+Shift+O (en Eclipse)

Saludos

Publicar un comentario