lunes, 12 de octubre de 2015

ListView mostrando otras actividades al presionar | Android Studio

   


¿Como crear un ListView mostrando otras actividades al presionar cualquier elemento de la lista?


En este artículo vamos a ver como crear un ListView mostrando otras actividades al presionar usando Android Studio. Vamos a crear y mostrar una lista con el adaptador por defecto de android y lo que ara es mostrar una actividad cuando se toca cualquier elemento de la lista.

ListView mostrando otras actividades al presionar java

Pasos crear un ListView mostrando otras actividades al presionar cualquier elemento de la lista

Lo primero de vamos hacer es crear una lista simple, así que vamos a tomar el código anterior donde explique ¿Como crear una lista simple en android estudio?

1. Este es el código del activity_main.xml y lo que hace es crear una lista en el LinearLayout.



2. Lo siguiente que necesitamos son las imágenes de los lenguajes de programación para mostrar en consecuencia. Las imágenes puedes descargarlas desde este enlace o desde mi proyecto que lo dejare al final de este articulo. Solo van a la carpeta Res> Drawable. Después de tener sus imágenes colóquelas en Res> Drawable de su proyecto.


3. Ahora abra su  MainActivity.java y escriba el siguiente codigo. El código esta comentado para que lo puedas entender.



4. Ahora tenemos que crear otra actividad que se muestra cuando el usuario hace clic un elemento de la vista de lista android. Podemos crear una nueva actividad haciendo clic derecho sobre el nombre del paquete y seleccionar Nuevo> Actividad> Actividad en blanco.  Yo he nombrado mi nueva actividad como LenguajeActivity.java   y el xml correspondiente como activity_lenguaje.xml.


5. Ahora primero vamos a modificar activity_lenguaje.xml. Tenemos que mostrar el logo del lenguaje de programación correspondiente en este layout. Así que el elemento que necesitamos es un ImageView que mostrara el logo del lenguaje de programación elegido al presionar la lista. Ahora modificamos el activity_lenguaje.xml de la siguiente manera:


6. Ahora vamos a programar nuestro LenguajeActivity.java.


7. Le explicare el código: 

  • En la linea 14 se a obtenido la referencia al imageview.
  • En la linea 17 se recuperaron los datos de recursos."Importante debe ser el mismo nombre que se le puso al enviarlo" por ejemplo "logo".
  • En la linea 18 usamos los datos de recursos recuperados

Al ejecutar el programa tenemos nuestra lista.


Y al presionar Java nos mostrara su otro activity con el logo de java.


César GI

About César GI

Lo que me importa es poder enseñar lo poco que se, por que asi como yo aprendo leyendo gracias a las personas que comparten sus conocimiento yo tambien quiero ayudar a la comunidad en español aportando lo poco que he aprendido hasta el momento.

7 comentarios

Write comentarios
Juandi
AUTHOR
16 de junio de 2016, 7:51 delete

como seria para que en cada uno abriera una activity diferente? Gracias

Reply
avatar
4 de noviembre de 2016, 14:02 delete

Puedes crear la misma cantidad de actividades para la cantidad de lenguajes de programación que tengas. De la misma forma que se pasa la imagen con el intent, asocia cada item con un activity con un switch.

Reply
avatar
fabioj
AUTHOR
1 de diciembre de 2016, 3:13 delete

Me saca error esta parte:
getMenuInflater().inflate(R.menu.menu_lenguaje, menu);

Me pinta en rojo el R.menu

Ayuda, gracias.

Reply
avatar
22 de diciembre de 2016, 12:59 delete

Hola César. ¿cómo puedo crear un menú que me lleve a una lista por cada opción de ese menú? ¿Podrías ayudarme? Gracias.

Reply
avatar
21 de julio de 2017, 14:36 delete

Hola Miko! Podria ahondar un poco mas en ello y si no es mucha molestia podria poner el codigo.
Gracias!

Reply
avatar
9 de noviembre de 2017, 11:51 delete Este comentario ha sido eliminado por un administrador del blog.
avatar
Stefan Forge
AUTHOR
23 de abril de 2018, 0:57 delete Este comentario ha sido eliminado por un administrador del blog.
avatar