Membuat Teks Autocomplete |

Membuat Teks Autocomplete

Sekarang kita membuat sebuah aplikasi sederhana yaitu teks auto complete. Seperti yang Anda jumpai pada mesin pencari Google, Anda cukup memasukkan 1 kata kemudian secara otomatis muncul beberapa kata yang direkomendasikan. Dalam latihan ini kita membuat batas minimal memasukkan 3 buah huruf baru kemudian autocomplete memunculkan beberapa teks yang bersangkutan. Langsung kita mulai yuuk. Sudah siap? Seperti apa sih hasilnya nanti?

Mari kita mulai pembuatannya?

1. Disini saya menggunakan Eclipse Indigo. Jalankan Enclipse, File > New > Android Project

2. Isikan kotak dialog new seperti berikut:

Project name	TeksAutocomplete
Contents	Create new project in workspace
Build Target	Android 2.3.3
Application name	Teks Autocomplete
Package name	com.contoh.TeksAutocomplete
Create Activity	TeksAutocompleteActivity
Min SDK version	10

3. Ketikkan kode berikut ini pada layout main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:orientation="vertical" >

<TextView
 android:id="@+id/seleksi"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content" />

<AutoCompleteTextView
 android:id="@+id/edit"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:completionThreshold="3" />

</LinearLayout>

4. Pastikan kode pada TeksAutocompleteActivity.java seperti berikut

package com.contoh.TeksAutocomplete;

import android.app.Activity;
import android.os.Bundle;
import android.text.Editable;
import android.text.TextWatcher;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.TextView;

public class TeksAutocompleteActivity extends Activity implements TextWatcher{
 /** Called when the activity is first created. */
 TextView seleksi;
 AutoCompleteTextView edit;
 String[] item = { "Merbabu", "Merapi", "Lawu", "Rinjani", "Sumbing",
 "Sindoro", "Krakatau", "Selat Sunda", "Selat Bali", "Selat Malaka", "Kalimantan", "Sulawesi", "Jawa" };
 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);

 seleksi = (TextView) findViewById(R.id.seleksi);
 edit = (AutoCompleteTextView) findViewById(R.id.edit);
 edit.addTextChangedListener(this);
 edit.setAdapter(new ArrayAdapter<String>(this,
 android.R.layout.simple_dropdown_item_1line, item));
 }
 public void onTextChanged(CharSequence s, int start, int before, int count) {
 seleksi.setText(edit.getText());
 }
 public void beforeTextChanged(CharSequence s, int start, int count, int after) {
 // not used
 }
 public void afterTextChanged(Editable s) {
 // not used
 }
}

5. Lakukan Run dengan CTRL+F11 atau klik kanan package > run as > Android Application.