Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Android / TextView Autocompletado

TextView Autocompletado

Autor 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

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Ejemplo socket java Cliente/Servidor

Ejemplo socket java Cliente/Servidor

En este post construiremos un sencillo sistema Cliente/Servidor en lenguaje Java, el sistema consistirá básicamente en u...

Rompecabezas con forma irregular

Rompecabezas con forma irregular

En este post vemos una manera de como crear un juego de rompecabezas en java sin el uso de java2d, ademas, las piezas de...

Recortar partes de una imagen con el mouse

Recortar partes de una imagen con el mouse

En este oportunidad comparto una pequeña aplicación hecha en java para recortar partes de una imagen seleccionado con el...

Blog MVC – Consultas Ajax a la base de datos [p5]

Blog MVC – Consultas Ajax a la base de datos [p5]

Quinta parte de la serie de tutoriales “Creación de un blog siguiendo el patrón MVC (Modelo, Vista y Controlador)...

Como capturar cambios del Slider en JavaFX

Como capturar cambios del Slider en JavaFX

En este tutorial veremos como usar el componente Slider de JavaFX , capturas los cambios que realice el usuario y con es...

Crea tu lector de códigos QR

Crea tu lector de códigos QR

En este post desarrollaremos una aplicación que nos permitirá leer un código QR y capturar la información que contiene y...

Comparte lo que sabes

Categorias

Últimas entradas

Si te gusta realizar tus propios memes o foto montajes pero tienes poca o nula experiencia en editores gráficos como Pho...

Los procedimientos almacenados no solo pueden retornar valores como números, cadenas, etc, sino también datos como los R...

XAMPP es un software para la gestión de base de datos, servidor web apache e interprete para lenguajes como php o perl....

En post anteriores vimos lo que son los parámetros IN y los parámetros OUT pero existe otro tipo de parámetro que es la...

Android Bolivia

MAUS