Cara Menerapkan Widget AutoCompleteTextView Android di Android Studio

DenysAndroider - AutoCompleteTextView adalah widget subclass dari EditText yang berfungsi sebagai auto-complete. Ketika user (pengguna) mengetikan suatu huruf atau  kata di EditText,  maka akan muncul pilihan menu dropdown di bawahnya ,lalu saat kita memilih kata tersebut maka text akan otomatis muncul. Widget ini juga ibarat sebagai sugesti dari sebuah kata di widget Android ,saat kita mengetikan atau mencari suatu kata maka akan muncul pilihan kata dibawahnya. Jadi kita tidak perlu repot-repot lagi mengetikan secara lengkap dari suatu kata.Widget ini umumnya selalu dipakai ketika kita membuat Aplikasi pencarian.

Android Studio

Pada tutorial belajar android kali ini, kita akan mencoba membuat dan menerapkan widget AutoCompleteTextView ke dalam Aplikasi yang kita buat. Disini kita akan membuat kata-kata dari nama-nama buah. Jadi saat pengguna mengetikan huruf 'A' maka akan muncul tampilan pilihan menu dari nama-nama buah yang berawal dari huruf A contohnya seperti : Apel dan Anggur. Begitu juga dengan nama-nama buah lain yang disimpan di dalam Array String. Lalu kita akan menggunakan ArrayAdapter untuk memanggil  Array String tersebut , setelah itu disetting ke dalam widget AutoCompleteTextView. Oke jika kalian penasaran langsung saja kita buat 

1. Pertama buka project Android Studio kalian

2. Salin baris intruksi (codingan) dibawah ke file activity_main.xml

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout 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"

                tools:context=".MainActivity">

    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentTop="true"

        android:layout_marginTop="15dp"

        android:text="@string/buah_kesukaan" />

 

    <AutoCompleteTextView

        android:id="@+id/autocompletetextview1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_below="@+id/textView1"

        android:layout_marginLeft="36dp"

        android:layout_marginTop="17dp"

        android:ems="10"

        android:text="">

 

        <requestFocus />

    </AutoCompleteTextView>

 

</RelativeLayout>

3. Salin baris intruksi (codingan) dibawah ke file MainActivity.java

MainActivity.java

package com.denysandroider.aplikasisaya;

 

import android.graphics.Color;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.widget.ArrayAdapter;

import android.widget.AutoCompleteTextView;

 

public class MainActivity extends AppCompatActivity  {

    String[] language ={"Anggur","Apel","Belimbing","Ceri","Durian","Jambu","Jeruk","Kecapi","Mangga","Nanas","Pisang"};

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

 

        //Membuat  ArrayAdapter dari string nama language

        ArrayAdapter<String> adapter = new ArrayAdapter<String>

                (this,android.R.layout.select_dialog_item,language);

        //Mendapatkan instansi dari AutoCompleteTextView

        AutoCompleteTextView actv= (AutoCompleteTextView)findViewById(R.id.autocompletetextview1);

        actv.setThreshold(1);//Akan bekerja saat karakter pertama

        actv.setAdapter(adapter);//Mensetting data adapter ke dalam AutoCompleteTextView

        actv.setTextColor(Color.GREEN);

 

    }

 

 

 

 

}

4. Oh ya kalian juga jangan lupa masukan string name berikut di res/values/strings.xml 

<resources>

    <string name="app_name">AutoCompleteTextView</string>

    <string name="buah_kesukaan">Apa Buah Kesukaan Kalian ?</string>

</resources>

5.  Oke sekarang kita coba menjalankan Aplikasinya di Android Studio 

Hasil  AutoCompleteTextView  :

Saat user (pengguna) mengetikan huruf 'A' , Maka akan muncul pilihan menu seperti pada gambar dibawah:

Hasil Widget AutoCompleteTextView

Lalu ketika kita memilih salah satu kata tersebut maka text akan otomatis terlengkapi

Hasil Widget AutoCompleteTextView

Sekian Tutorial saya cara menerapkan widget AutoCompleteTextView, Terima Kasih Telah Berkunjung.