Cara Menerapkan Widget AutoCompleteTextView Android

  • Post
    codeorayo
    Keymaster
    none
    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.

    [img]https://4.bp.blogspot.com/-vg6Ju60l6jc/VvfWbSWPARI/AAAAAAAAFLI/MnHlLSNuEm4DwLTyBlhw2oO1-TTP7zyQw/s1600/android-studio-tutorial-development-apps-by-okedroid.png[/img]

    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


  • 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”>

  •     

  •         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” />

  •  

  •     

  •         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=””>

  •  

  •         

  •     

  •  



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

    MainActivity.java

  • package com.okedroid.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 adapter = new ArrayAdapter

  •                 (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 


  •     AutoCompleteTextView

  •     Apa Buah Kesukaan Kalian ?



  • 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:

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=163,height=320]https://2.bp.blogspot.com/-jAAGQOqg_S0/Vs0Lt73lWQI/AAAAAAAAEu8/5CzB8v9zYog/s320/hasil-widget-%2BAutoCompleteTextView-android.png[/img][/td]
    [td]Hasil Widget AutoCompleteTextView[/td]

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

    [table]

    [tr]

    [/tr]

    [tr]

    [/tr]

    [/table]

    [td][img width=163,height=320]https://3.bp.blogspot.com/-OupHI01TcDA/Vs0MOJyTayI/AAAAAAAAEvA/O8rqMiILOa0/s320/hasil-widget-%2BAutoCompleteTextView-android2.png[/img][/td]
    [td]Hasil Widget AutoCompleteTextView

    [/td]

Ampuh! Ini rahasia mengembangkan aplikasi secara instan, tinggal download dan kembangkan. Gabung sekarang juga! Premium Membership [PRIVATE] https://premium.codeorayo.com
  • You must be logged in to reply to this topic.