Aprende Java Aprende Php Aprende C++ Aprende HTML 5 Aprende JavaScript Aprende JSON Aprende MySQL Aprende SQLServer Aprende Visual Basic 6 Aprende PostgreSQL Aprende SQLite Aprende Redis Aprende Kotlin Aprende XML Aprende Linux VSC Aprende Wordpress Aprende Laravel Aprende VueJS Aprende JQuery Aprende Bootstrap Aprende Netbeans Aprende Android
Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube Sigueme en TikTok Sigueme en Whatsapp
Home / Android / TextView Autocompletado

TextView Autocompletado

Por jc mouse jueves, mayo 25, 2017

Un TextView autocompletado nos facilita el ingreso de información en aplicaciones móviles ya que te muestra posibles opciones para completar lo que escribes y así ahorrar tiempo.

En este post aprenderemos a utilizarlo desde el IDE de Android Studio.

Paso 1. El Proyecto

Partiremos de un proyecto base que llamaremos «TextView Autocompletado»

textview

Paso 2. AutoCompleteTextView

Abrimos el archivo activity_main.xml y pegamos el siguiente código:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:orientation="vertical"
    tools:context="org.example.textviewautocompletado.MainActivity">

    <AutoCompleteTextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Nombre completo"
        android:id="@+id/autoCompleteTextView1" />

    <AutoCompleteTextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Profesión"
        android:id="@+id/autoCompleteTextView2" />

</LinearLayout>

Lo que hacemos es agregar 2 componentes AutoCompleteTextView a la interfaz, utilizaremos dos, para mostrar como el contenido del autocompletado se puede cargar ya sea desde código o desde un archivo de recursos XML.

Paso 3. Array de datos

Como dijimos en el paso 2, se puede cargar el contenido del textview autocompletado usando recursos de un archivo XML, para ello debemos declarar un array dentro el archivo strings.xml ubicado en la carpeta «values«. Abrelo y agrega el siguiente contenido:

    <string-array name="profesion_array">
        <item>Ingenieria de Sistemas</item>
        <item>Ingenieria de Alimentos</item>
        <item>Ingenieria Civil</item>
        <item>Ingenieria Agronomica</item>
        <item>Ingenieria Biomedica</item>
        <item>Ingenieria del Lado Oscuro</item>
    </string-array>

Paso 4. MainActivity

Abre el archivo MainActivity y reemplaza por:

package org.example.textviewautocompletado;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;

public class MainActivity extends AppCompatActivity {

    private AutoCompleteTextView autoCompleteTextView1;
    private AutoCompleteTextView autoCompleteTextView2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //se declaran los AutoCompleteTextView
        autoCompleteTextView1 = (AutoCompleteTextView) findViewById(R.id.autoCompleteTextView1);
        autoCompleteTextView2 = (AutoCompleteTextView) findViewById(R.id.autoCompleteTextView2);

        //en un array declaramos los valores del AutoCompleteTextView 1
        String[] nombres = {"Alto PDo Stoy",
                "Alejandro Gado",
                "Alen Gualarga",
                "Alex Cremento",
                "Alex Plosivo",
                "Alma Marcela Goza",
                "Alma María Rico",
                "Amilcar Cajada",
                "Ana Busado de Hesa",
                "Ana Konda",
                "Ana Lisa Meltrozo",
                "Ana Tomía",
                "Andrés Tatua",
                "Andrés Tresado",
                "Aquíles Meo de Latorre",
                "Ariel C. Pillado",
                "Armando Esteban Quito"};

        //en otro array cargamos los datos del array del archivo strings.xml para el AutoCompleteTextView 2
        String[] profesion = getResources().getStringArray(R.array.profesion_array);

        //cargamos los array en los AutoCompleteTextView
        
        //AutoCompleteTextView 1 NOMBRES
        ArrayAdapter<String> adapter1 = new ArrayAdapter<>(this, R.layout.support_simple_spinner_dropdown_item,nombres);
        autoCompleteTextView1.setAdapter(adapter1);
        //AutoCompleteTextView 2 PROFESION
        ArrayAdapter<String> adapter2 = new ArrayAdapter<>(this, R.layout.support_simple_spinner_dropdown_item,profesion);
        autoCompleteTextView2.setAdapter(adapter2);
        
    }//end: onCreate

}

Declaramos y cargamos los arrays de datos desde código y desde el archivo de recursos XML, a continuación utilizando un ArrayAdapter, los cargamos en los Textview correspondientes.

Ejecuta y prueba:

android tutorial

Enjoy!!!

Tags

Artículos similares

Uso de Arrays: Ejemplo práctico

En este post iremos conociendo de un modo práctico que es y como se utiliza un Array en java, para esto partiremos de un[...]

Instalación de Netbeans en Ubuntu

Netbeans es uno de los entornos de desarrollo integrado (Integrated Development Environment – IDE)  más conocidos[...]

Personalizar iconos de un JTree

JTree cuenta con métodos que nos permiten cambiar los iconos de cada nodo según su estado, sin embargo a veces esto no e[...]

Cifrado por desplazamiento o código de César

El cifrado César, también conocido como cifrado por desplazamiento o código de César, es una de las técnicas de cifrado[...]

SDKMAN: Administrador del kit de desarrollo de software

SDKMAN! es una herramienta para la administración de versiones paralelas de varios programas de desarrollo de software c[...]

Conexión MySQL y C#

En este post vamos a crear una aplicación sencilla para conectar C# con MySQL. Manos a la obra 🙂 Necesitamos – Con[...]