Android Studio AutocompleteTextview y MultiAutoCompleteTextview

Facebook Twitter Google+

Controles Avanzados AutocompleteTextview y MultiAutoCompleteTextview en Android Studio.

Los controles de auto llenado son muy útiles para facilitar al usuario el ingreso de información, en esta publicación vamos a conocer el auto llenado simple y auto llenado múltiple. Desarrollar ejercicio Android Studio con los controles de auto llenado AutoCompleteTextView y MultiAutoCompleteTextView.

Creación del Proyecto AutocompleteTextview

Crear un nuevo proyecto con las siguientes características:

Aplication name:
AutoCompleteTextView

Company domain:
myapp.autocomplete.com

Package main:
com.myapp.autocomplete

Projet location:
C:\Users\alumno\AndroidStudioProjects\AutocompleteView

SDK:

API 22 Android 5.1 o superior (Utilice cualquiera de las API instaladas en su equipo).

Activity Name y Layout Activity

Directorio de Proyecto

Diseño de activity_auto_complete.xml

Diseñe la interfaz que permita probar el funcionamiento de los controles AutoCompleteTextview y MultiAutoCompleteTexview.

  

Creación del Arreglo para Auto llenado

Debe crear un arreglo llamado “películas” con el siguiente listado de de 20 películas:

Hotel Transylvania 2
Los vengadores 2 La era de Ultron
Rápidos y Furiosos 7
Jurassic World
Los juegos del Hambre
Minions
Cincuenta Sombras de Grey
Terremoto de San Andrés
Pixels
Terminator 5 Génesis
En el Corazón del Mar
Star Wars 7 El despertar de la Fuerza
Ted 2
Mad Max 4 Furia en la Carretera
Misión Imposible 5
Poltergeist
Los 4 Fantásticos
El Séptimo Hijo
El Transportador
Bob Esponja Un Héroe fuera del Agua

Ejemplo de estructura del arreglo que debe crear en archivo string.xml

Declaración de Controles AutocompleteTextview

Los controles AutoCompleteTextView y MultiAutoCompleteTextView se declaran de la siguiente forma:

Código Para Autollenado de AutoCompleteTextView

Un código sencillo en la sección de inicialización de la clase principal, prepara los controles con la funcionalidad de autollenado.

Antes de agregar el código que muestra la imagen, debe incorporar las siguientes librerías:

//Las clases importadas necesarias

import android.widget.ArrayAdapter;import android.widget.AutoCompleteTextView;import android.widget.MultiAutoCompleteTextView;

Recursos sobre controles AutoCompleteTextView y MultiAutoCompleteTextView

https://developer.android.com/reference/android/widget/MultiAutoCompleteTextView.html
https://developer.android.com/reference/android/widget/AutoCompleteTextView.html