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.