Tecnología

Category Archive Tecnología

Uso de un ListView en Android para mostrar una lista de datos

Un ListView en Android es un objeto que nos permite mostrar una lista de elementos desplazables. Veamos ejemplo de cómo construirlo paso a paso.

En el siguiente ejemplo deseamos mostrar una lista compuesta por  5 estados de México utilizando un ListView en Android.

ListView que muestra una lista de datos estáticos

Paso 1. Crea un proyecto nuevo.

Paso 2. Coloca un ListView usando la vista Diseño.

ListView en Android

ListView en Android

Paso 3.  Crea las variables a utilizar

Entre ellas, una variable de tipo ListView (en MainActivity)

Paso 4. Enlazar

Enlaza la variable anterior con el elemento ListView de la vista Diseño. 

Paso 5. Coloca los datos que quieras mostrar en un Array de Strings

 

Paso 6. Crea un adaptador y agrégale la variable de Strings.

Paso 7. Indica que el listview utilizará ese adaptador.

El resultado hasta aquí es el siguiente:

ListView en Android

ListView en Android

 

 

Agregar un evento Click a un ListView en Android

Paso 1. Creamos un evento ClickListener.

Paso 2. Sobreescribimos la función onItemClick

Pasamos la vista a mostrar, la posición del arreglo de nombres de estado. Si el usuario da clic se mostrará una pequeña ventana de texto mostrando el valor de esa determianda posición.

El resultado hasta aquí es el siguiente

ListView en Android

ListView en Android

Personalizar un ListView en Android

Vamos a Crear un Layout personalizado. 

Paso 1. Da clic derecho en layout (está en la rama de app->res->layot), y selecciona New->Layout resource file.

Paso 2. En la ventana que se abre, escribre como File name: list_item, y como Root element: LinearLayout. Pulse Ok.

Ventana New Resource File

Ventana New Resource File

Paso 3. Coloca un ImageView y un TextView en ese layout.

Paso 4. Personaliza los componentes para ajustar la imagen a la izquierda del texto, viéndose así:

Layout list_item

Layout list_item

El código XML utilizado fue el siguiente:

Paso 5. Crea una nueva clase de Java llamada MyAdapter. 

Ve al menú File->New->Java Class

Como nombre de clase usa MyAdapter.

Paso 6. Código de la clase MyAdapter.

Esta clase crea un Adapter personalizado basado en el layout que creamos.  El código es el siguiente:

 

Paso 7. Enlazar con nuestro adaptador personalizado.

En el MainActivity, agregamos las siguientes líneas:

Y listo!

ListView personalizado en Android

ListView personalizado en Android

Referencias:

1. Android (2018). Vista de lista. Disponible en [https://developer.android.com/guide/topics/ui/layout/listview?hl=es-419]

Tags, ,

Cambiar el nombre e icono de la aplicación y Up Button en Android

Veamos cómo cambiar el nombre e icono de la aplicación e implementar el botón Flecha atrás (o Up Button) en Android.

Tags, Read More

Intent que abre una URL en Android

Realizaremos un intent que abre una URL escrita por el usuario en una caja de texto en el navegador predeterminado por el sistema.

Tags, , Read More

Intent implícito: Aplicación que realiza una llamada telefónica en Android

Crea tu propia aplicación que hace uso del teléfono en Android, y aprende a utilizar un intent implícito en Android, hacer uso de permisos en tu aplicación móvil, y diferenciar entre versiones de Android.

Tags, , Read More

Abrir un Activity en Android pasando datos

Veamos cómo abrir un Activity en Android y cómo pasar un dato de tipo String reutilizandolo en su interfaz de usuario.

Tags, , Read More

Agregar funcionalidad a un Button en Android

Una de las primeras nociones de programación móvil es agregar funcionalidad a un Button en Android. Veamos los pasos para realizarse.

Tags, Read More

Aprende a trabajar con Android Studio

En éste artículo vemos cómo trabajar con Android Studio, lo que necesitas para operarlo, su instalación, cómo crear un proyecto y cómo crear un AVD, entre otras cosas.

Tags, , Read More

Características de Android: antecedentes de la plataforma

Analizaremos los antecedentes, así como las características de Android que han hecho de esta plataforma una de las más utilizadas por los usuarios de aplicaciones móviles.

Tags, , Read More

Normalizar CSS con normalize y compatibilizar navegadores con modernizr

¿Qué es normalizar CSS? ¿Por qué es importante? En esta entrada aprenderemos a descargar y utilizar Normalize. Además veremos su diferencia con Modernizr.

Tags, , Read More

CSS en 1 minuto: introducción a las hojas de estilo en cascada

¿Qué es CSS? ¿Cuál es su sintaxis? ¿Cómo dar estilos a un HTML? ¿Cómo se escriben comentarios en CSS? Mira a continuación un ejemplo en 1 minuto.

Tags, , Read More