TEXT AUTO COMPLETE ENDROID ECLIPSE
Sekarang kita belajar bagaimana caranya membuat teks autocomplete. Skenarionya, disediakan sebuah editteks sebagi masukan. Saat mengetik minimal 3 huruf, secara otomatis akan muncul rekomendasi kata-kata yang berawalan dari 3 huruf tadi.
Pendekatan belajar kita adalah praktikum. Kita mulai dengan membuat proyek android baru di eclipse ADT dengan nama yang unik sesuai dengan identitas masing-masing. Lalu sesuaikan kode-kodenya seperti berikut :
1. Tambahkan string pada ../res/values/strings.xml untuk id “perintah”, menjadi seperti berikut:
<?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">TexAutoKomplit</string> <string name="action_settings">Settings</string> <string name="hello_world">Hello world!</string> <string name="perintah">Masukkan minimal 3 huruf</string> </resources>
2. Atur layout pada ..res/layout/activity_main.xml menjadi seperti berikut:
<?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>
Tampilan grafisnya :
3. Berikan kode pada ../src/[package_nam]/MainActivity.java menjadi seperti berikut :
package com.example.texautokomplit; 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{ TextView hasil; AutoCompleteTextView edit; String[] item = { "Merbabu", "Merapi", "Lawu", "Rinjani", "Sumbing","Sindoro", "Krakatau", "Selat Sunda", "Selat", "Bali","Selat Malaka","Kalimantan", "Sulawesi", "Jawa" }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_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)); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } public void beforeTextChanged(CharSequence s, int start, int count, int after) { // not used } public void afterTextChanged(Editable s) { // not used }
@Override public void onTextChanged(CharSequence s, int start, int before, int count) { hasil.setText(edit.getText()); } }
Bila script berantakan saat dimasukan ke program, silahkan lakukan Format (source > format).
4. Silahkan melakukan pengujian terjadap program dengan cara pilih file ber ekstensi .java lalu klik run.
Hasilnya kuran lebih akan seperti berikut :
Komentar
Posting Komentar
Berikan komentar yang positif & konstruktif.