Las listas en Android te permiten desplegar colecciones de información ordenadamente. Se utilizan para desplegar grupos de resultados, generar navegación o simplemente mostrar un grupo de datos relacionados entre si. En este tutorial crearemos una lista básica utilizando Android Studio.
Vamos a comenzar creando un proyecto en Android Studio, en este caso le llamaremos “ListaBasica”
En este ejemplo usaremos como versión mínima para ejecutar nuestra aplicación la versión 4.0 de Android – API 15 ( Ice Cream Sandwich)
También crearemos un activity llamado “MiLista” y un layout llamado “activity_mi_lista” con que usaremos para mostrar los contenidos de nuestra aplicación:
Una vez creado el proyecto, vamos a comenzar almacenando los datos de nuestra lista en la aplicación Localiza el archivo src/res/values/strings.xml
Este archivo tiene el rol de almacenar información de texto que pueden ser invocada en cualquier parte de la aplicación. Generalmente en este archivo se almacenan cadenas simples de texto para mostrar títulos de pantallas, botones o casillas de texto, pero en este caso vamos a crear un nuevo valor de tipo arreglo llamado “paises” y contendrá un grupo de elementos que se mostraran en nuestra lista.
Para incluir estos valores agrega este código en el documento strings.xml antes de la etiqueta </resources>
<string-array name="paises">
<item>México</item>
<item>Perú</item>
<item>España</item>
<item>Colombia</item>
</string-array>
Ahora que tienes los valores de la lista, es hora de representarlos en la aplicación. Abre el la carpeta src/main/res/layout y elige el archivo .xml que corresponde al activity en el que deseas mostrar la lista
Vamos a comenzar preparando la pantalla en que mostraremos la lista, para eso vamos a crear una vista con una a alineación linear con orientación vertical, reemplaza el código de ese archivo con este código base
<LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android"> </LinearLayout>
Por ahora tienes una pantalla en blanco lista para comenzar, tu aplicación debe verse así
Usando listas en Android
Android tiene un tipo de elemento llamado Listview, este elemento fue creado específicamente para desplegar listas y contiene todo lo que necesitas para representar tus datos en una aplicación. Vamos a utilizar este elemento para mostrar nuestra lista de países.
Dentro del layout que acabas de crear, debes incluir un elemento Listview. Por ahora este listview no tiene ningún dato asignado así que no mostrara nada en pantalla, para que muestre nuestra lista debes agregarle la propiedad android:entries asignándole allí el valor “@array/paises” que corresponde al arreglo que hemos creado al inicio de este ejercicio.
<ListView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:entries="@array/planetas"
android:id="@+id/miLista"
/>
Ya tienes creada una lista básica! Es posible que no se muestre correctamente en la vista previa de Android Studio, pero si compilas tu aplicación podrás observar la lista funcionando en tu aplicación
Agregando interactividad a la lista
Tu a aplicación ya muestra una lista, pero al hacer click sobre cualquiera de los elementos que la componen, no hay ninguna reacción. Vamos a agregar unas cuantas lineas de código extra para que nuestra lista tenga una funcionalidad básica.
Busca el archivo que controla el activity de la aplicación, lo encontraras dentro de una carpeta con el nombre de tu aplicación dentro de src/main/java . En este caso nuestra aplicación se llama “listabasica” y el activity se llama “MiLista”
Primero vamos a agregar un nuevo método dentro de esta clase, le llamaremos registrar eventos y su función será seleccionar nuestra lista, escuchar el evento “click” y mostrar un mensaje en la parte inferior de la pantalla indicando cual item fue seleccionado
private void registrarEventos(){
/// selecciona la lista en pantalla segun su ID
ListView lista1 = (ListView) findViewById(R.id.miLista);
// registra una accion para el evento click
lista1.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
/// Obtiene el valor de la casilla elegida
String itemSeleccionado = adapterView.getItemAtPosition(i).toString();
// muestra un mensaje
Toast.makeText( getApplicationContext(), "Haz hecho click en " + itemSeleccionado, Toast.LENGTH_SHORT).show();
}
});
}
Finalmente, para ejecutar este código, localiza el método onCreate en ese mismo archivo e invoca registrarEventos()
El codigo de nuestra aplicacion se deberia ver asi:
Vuelve a compilar el código, ahora tu aplicación esta completa y cada vez que presiones el mouse sobre un ítem, te mostrara un texto de aviso indicando cual ítem seleccionaste.
Quieres aprender más? Visita nuestra sección de tutoriales Android o busca mi curso completo de Android Studio en video2brain.com
The post Tutorial: Crear listas en Android Studio appeared first on Revolución móvil.