Tutorial Cara Membuat Auto Complete di Android Studio

Android Najwa - Selamat Malam, Seharian ni capek ya soalnya tadi sore banyak kerjaan. Tapi saya gak akan pernah lelah untuk berbagi di blog Android Najwa. :D Sekarang saya akan memberikan tutorial lagi yang sebelumnya saya akan menanyakan. Pernah tidak saat anda memasukkan beberapa huruf/kata di Pencarian Google kemudian secara otomatis muncul beberapa kata yang disarankan. Nah itulah yang disebut dengan "AutoComplete". Sekarang kita akan membahasnya di tutuorial kali ini. Tapi hal ini akan kita praktek kan di Android. Dimana kita akan mencoba membuatnya di Android Studio.

Contoh AutoComplete pada Google

Bagaimana cara membuat AutoComplete?

Tutorial Cara Membuat AutoComplete di Android

Langkah 1 : Jalankan Android Studio.exe kalian seperti biasa, lalu buatlah project baru dengan seperti berikut.

• Application Name : Auto Complete
• Package Name : androidnajwa.com
• Minimum Required SDK : API 15 Andorid 4.0.3 (IceCreamSandwich)

Buat Project Baru

Langkah 2 :  Pilih saja Blank Activity lalu klik Next dan Finish

Add Activity

Langkah 3 : Untuk membuat antarmuka halaman utama (activity_main.xml) seperti diatas tadi dapat dilakukan dengan “Drag and Drop” dari komponen yang tersedia atau langsung menuliskan script XML. Untuk script XML dapat dituliskan seperti berikut.

<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:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <AutoCompleteTextView
        android:id="@+id/ac1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentRight="true"
        android:layout_marginTop="23dp"
        android:ems="10"
        android:hint="Isikan Nama Kota  di Indonesia" >

        <requestFocus />
    </AutoCompleteTextView>


</RelativeLayout>

Langkah 4 : Bukalah MainActivity.java lalu edit seperti berikut ini

 package com.androidnajwa.autocomplete;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;

public class MainActivity extends Activity {
    AutoCompleteTextView act;
    ArrayAdapter<String> adapter;
    String[] item = {"Aceh","Pekanbaru","Palembang","Pekalongan"};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        act = (AutoCompleteTextView) findViewById(R.id.ac1);

        //membuat adapter untuk menampilkan list item
        adapter = new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_1, item);

        //menerapkan adapter pada objek act
        act.setAdapter(adapter);
    }
}

Sampai tahap disini sudah selesai. Sekarang lakukan testing, dengan cara menekan Shift+F10.

(1) Hasil AutoComplete

Saya akan mencoba memasukkan 2 huruf yaitu "Pe", maka awalan kata dengan huruf P kemudian dilanjutkan huruf seterusnya. akan muncul 2 kota yaitu "Pekanbaru dan Pekalongan" yang secara otomatis dapat kita pilih seperti berikut ini.

(2) Hasil AutoComplete

Nah, itulah hasil dari penggunaan AutoComplete yang nanti nya akan muncul List/Daftar yang akan kita pilih secara otomatis. Kita bisa memasukkan nama kota yang lain didalam Array item pada Main Activity.java diatas.

Array Item (Nama Kota)

Gimana? Mudah Bukan? Untuk dikembangkan lagi juga bisa asal kalian bisa memahaminya.

Demikian Tutorial Cara Membuat Auto Complete di Android Studio. Bila Ada Pertanyaan silakan komentar dihalaman Komentar.Terima Kasih Atas Kunjungan di Android Najwa.

Link Download Klik Disini

Catatan : Silakan Klik Gambar dibawah ini untuk mendapatkan Password RAR.

Tweet