Tutorial Dan Contoh Android Auto Complete TextView

Android AutoCompleteTextView adalah subkelas tampilan EditText dengan fitur saran penyelesaian otomatis. AutoCompleteTextView mengambil data dari adaptor data dan menampilkan drop down dengan saran, saat pengguna mengetik untuk memasukkan input. Pengguna dapat terus mengisi secara manual atau memilih salah satu saran untuk melengkapi nilai input secara otomatis.

Contoh AutoCompleteTextView

Contoh di bawah menunjukkan cara menggunakan AutoCompleteTextView. Untuk menggunakan AutoCompleteTextView, pertama Anda perlu mendefinisikan elemen teks input menggunakan AutoCompleteTextView di tata letak Anda, kemudian dalam aktivitas Anda, Anda perlu menetapkan adaptor data yang akan melayani data untuk penurunan otomatis.

Layout

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android.support.design="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="zoftino.com.uicontrols.MainActivity">
    <AutoCompleteTextView
        android:id="@+id/category"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">
    </AutoCompleteTextView>

</android.support.constraint.ConstraintLayout>

Aktivitas

public class AutoCompleteActivity extends AppCompatActivity {

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

        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_dropdown_item_1line, CATEGORIES);
        AutoCompleteTextView nameTV = (AutoCompleteTextView)
                findViewById(R.id.category);

        nameTV.setAdapter(adapter);
    }

    private static final String[] CATEGORIES = new String[] {
            "Fashion Men", "Fashion Women", "Baby", "Kids", "Electronics", "Appliance",
            "Travel", "Bags", "FootWear", "Jewellery", "Sports", "Electrical"
    };
}

Atribut AutoCompleteTextView

Anda dapat menyetel petunjuk menggunakan android: completionHint dan hint view menggunakan properti completionHintView.

Properti android: completionThreshold digunakan untuk mengontrol saran drop down display. Dengan mengatur properti completionThreshold ke sejumlah pilihan Anda, Anda mengkonfigurasi AutoCompleteTextView untuk menunjukkan saran drop down hanya setelah pengguna memasukkan banyak karakter di bidang teks.

Anda dapat mengontrol drop-down tinggi, lebar, pemilih dan latar belakang dengan mengatur android: dropDownHeight, android: dropDownWidth, android: dropDownSelector, dan android: popupBackground masing-masing.

AutoCompleteTextView dengan TextInputLayout

Dengan mendefinisikan AutoCompleteTextView sebagai anak dari TextInputLayout, label mengambang untuk AutoCompleteTextView dapat ditampilkan, karena TextInputLayout mendukung menampilkan label ketika petunjuk disembunyikan.

AutoCompleteTextView dengan tata-letak TextInputLayout

 <?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android.support.design="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="zoftino.com.uicontrols.MainActivity">
    <android.support.design.widget.TextInputLayout
        android:id="@+id/price_til"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android.support.design:counterEnabled="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">
        <AutoCompleteTextView
            android:id="@+id/category"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Enter Category">
        </AutoCompleteTextView>
    </android.support.design.widget.TextInputLayout>
</android.support.constraint.ConstraintLayout>

AutoCompleteTextView OnItemClickListener

Untuk menangani peristiwa klik dropdown saran penyelesaian otomatis, Anda perlu membuat penerapan AdapterView.OnItemClickListener dan menambahkannya ke AutoCompleteTextView dengan memanggil metode setOnItemClickListener.

Ketika pengguna mengklik item dalam dropdown saran penyelesaian otomatis, AutoCompleteTextView memanggil metode OnItemClick dari OnItemClickListener yang ditambahkan ke AutoCompleteTextView.

AdapterView OnItemClickListener

AutoCompleteTextView nameTV = (AutoCompleteTextView)
        findViewById(R.id.category);

    nameTV.setAdapter(adapter);
    nameTV.setOnItemClickListener(onItemClickListener);
    
private AdapterView.OnItemClickListener onItemClickListener =
        new AdapterView.OnItemClickListener(){
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Toast.makeText(AutoCompleteActivity.this,
                        "Clicked item from auto completion list "
                                + adapterView.getItemAtPosition(i)
                        , Toast.LENGTH_SHORT).show();
            }
        };
 

AutoCompleteTextView OnItemSelectedListener

Jika Anda tidak menggunakan tampilan kustom dengan tampilan daftar untuk tarik-turun saran otomatis, Anda tidak perlu menggunakan AdapterView.OnItemSelectedListener.

AutoCompleteTextView OnDismissListener

Jika Anda perlu melakukan beberapa tindakan setelah dropdown otomatis selesai telah ditutup, Anda harus menentukan AutoCompleteTextView.OnDismissListener dan menambahkannya ke AutoCompleteTextView dengan memanggil metode setOnDismissListener.

AutoCompleteTextView nameTV = (AutoCompleteTextView)
        findViewById(R.id.category);
nameTV.setOnDismissListener(onDismissListener);

private AutoCompleteTextView.OnDismissListener onDismissListener = new AutoCompleteTextView.OnDismissListener(){
    @Override
    public void onDismiss() {
        Toast.makeText(AutoCompleteActivity.this,
                "Dismissed auto completion list "
                , Toast.LENGTH_SHORT).show();
    }
}; 

AutoCompleteTextView Metode Penting

Validator AutoCompleteTextView

Untuk memvalidasi dan memperbaiki nilai yang dimasukkan pengguna ke AutoCompleteTextView, Anda perlu menerapkan AutoCompleteTextView.Validator dan menambahkannya ke AutoCompleteTextView dengan memanggil metode setValidator. Ketika validasi perlu dilakukan, panggil metode performValidation di AutoCompleteTextView.

AutoCompleteTextView menutup dropdown

Untuk menutup tarik turun saran otomatis lengkap, Anda perlu memanggil dismissDropDown () metode pada objek AutoCompleteTextView.

AutoCompleteTextView clearListSelection

Untuk menghapus pilihan item dari dropdown saran otomatis lengkap, Anda perlu memanggil metode clearListSelection () pada objek AutoCompleteTextView.

Keep Coding ~

Share this post