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

Postingan populer dari blog ini

Membuat player audio android eclipse

Kumpulan Materi PPT Perkuliahan Logika dan Algoritma Pemrograman dengan Bahasa Pascal

Perbedaan PHP 7 dan PHP 8