kapalomen: Tutorial Android 7 - Membuat TEKS AUTOCOMPLETE

Sekarang kita belajar bagaimana caranya membuat teks autocomplete. Skenarionya, disediakan sebuah editteks sebagi masukan. Saat Kamu mengetik minimal 3 huruf, secara otomatis akan muncul rekomendasi kata-kata yang berawalan dari 3 huruf tadi. Lebih jelasnya perhatikan Gambar 7.1.

Gambar 7.1

Sudah siap ? mari kita mulai!

• Jalankan Enclipse, buat project baru
• Isilah parameter seperti berikut

Project name	AutocompleteSederhana
Contents	Create new project in workspace
Build Target	Android 4.3
Application name	AutocompleteSederhana
Package name	contoh.autocomplete
Activity Name	MainActivity
Layout Name	main
Min SDK version	API 8

• Tambahkan kode baris ke 5 berikut pada String.xml

• <?xml version="1.0" encoding="utf-8"?>
  <resources>
  
     <string name="hello">Hello World, autoComplete!</string>
     <string name="app_name">Membuat Teks AutoComplete</string>
     <string name="perintah">Masukkan minimal 3 huruf</string>
  
  </resources>

• Kemudian ketikkan script berikut ini pada main.xml

• <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout 
       xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="vertical" 
       android:layout_width="fill_parent" 
       android:layout_height="fill_parent">
       
      <TextView 
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:id="@+id/textView1"
          android:text="@string/perintah">
       </TextView>
       <AutoCompleteTextView 
           android:id="@+id/edit"
           android:layout_width="fill_parent"
           android:layout_height="wrap_content"
           android:completionThreshold="3" />
       
       <TextView android:layout_width="fill_parent"
           android:text="TextView" 
           android:layout_height="wrap_content" 
           android:id="@+id/hasil">
       </TextView>
   </LinearLayout> 

• Ketiklah script AutocompleteSederhana.java seperti berikut

• package contoh.autocomplete;
  
  import android.os.Bundle;
  import android.app.Activity;
  import android.view.Menu;
  import android.text.Editable;
  import android.text.TextWatcher;
  import android.widget.ArrayAdapter;
  import android.widget.AutoCompleteTextView;
  import android.widget.TextView;
  
  public class MainActivity extends Activity implements TextWatcher {
  
   /** Called when the activity is first created. */
   TextView hasil;
   AutoCompleteTextView edit;
   String[] item = { "Merbabu", "Merapi", "Lawu", "Rinjani", "Sumbing",
     "Sindoro", "Krakatau", "Selat Sunda", "Selat 17: Bali",
     "Selat Malaka", "Kalimantan", "Sulawesi", "Jawa" };
  
   @Override
   public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
  
    hasil = (TextView) findViewById(R.id.hasil);
    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) {
    hasil.setText(edit.getText());
   }
  
   public void beforeTextChanged(CharSequence s, int start, int count,
     int after) {
    // not used
   }
  
   public void afterTextChanged(Editable s) {
    // not used
  
   }
  }

• Bila script berantakan, lakukan Format (source > format). 
• Lakukan RUN dan lihat hasilnya.