Dapatkan materi terbaru di www.omayib.com
40
14: android:text
= TextView
15: android:layout_height
= wrap_content
16: android:id
= +idhasil
TextView 17:
LinearLayout
4. Ketiklah script AutocompleteSederhana.java seperti
berikut
1: package
com.auto.comp; 2:
3:
import android.app.Activity;
4: import
android.os.Bundle; 5:
import android.text.Editable;
6: import
android.text.TextWatcher; 7:
import android.widget.ArrayAdapter;
8: import
android.widget.AutoCompleteTextView; 9:
import android.widget.TextView;
10: 11:
public class
AutocompleteSederhana extends
Activity implements
TextWatcher { 12:
Called when the activity is first created. 13:
TextView hasil
; 14:
AutoCompleteTextView edit
; 15:
String[] item
= { Merbabu
, Merapi
, Lawu
, Rinjani
, 16:
Sumbing ,
Sindoro ,
Krakatau ,
Selat Sunda ,
Selat 17:
Bali ,
Selat Malaka ,
Kalimantan ,
Sulawesi ,
Jawa };
18: 19:
Override 20:
public void
onCreateBundle savedInstanceState { 21:
super .onCreatesavedInstanceState;
22: setContentViewR.layout.
main ;
23: 24:
hasil = TextView findViewByIdR.id.
hasil ;
25: edit
= AutoCompleteTextView findViewByIdR.id. edit
; 26:
edit .addTextChangedListener
this ;
27: edit
.setAdapter new
ArrayAdapterString this
, 28:
android.R.layout. simple_dropdown_item_1line
, item
; 29:
} 30:
31: public
void onTextChangedCharSequence s,
int start,
int
32: before, int
count { 33:
hasil .setText
edit .getText;
34: }
35: 36:
public void
beforeTextChangedCharSequence s, int
start, int
37: count, int
after { 38:
not used 39:
} 40:
41:
public void
afterTextChangedEditable s { 42:
not used 43:
} 44: }
Bila script berantakan, lakukan Format source format.
Lakukan RUN dan lihat hasilnya.
Dapatkan materi terbaru di www.omayib.com
41
PENJELASAN PROGRAM
Lihat dulu Main.xml khususnya baris 9-10, merupakan bagian yang menciptakan widget autocomplete. Widget ini
memiliki beberapa atribut salah satu contohnya adalah baris 12. Atribut pada baris 12 bernilai 3, berfungsi untuk membatasi
jumlah minimal huruf yang nanti dimasukkan. Dengan demikian, seorang user minimal harus memasukkan 3 huruf
dulu baru kemudian muncul kata-kata rekomendasi.
Sekarang kita focus ke activity AutocompleteSederhana. Saya bagi menjadi tiga blok
1. Baris 13-17 : deklarasi object textview, string dan
autocompletetextView
2. Baris 24-28 : sinkronisasi object terhadap widget di layout
xml berdasarkan id, sekaligus menempelkan method pada object edit.
3. Baris 31-43 : implementasi method TextWatcher
Coba perhatikan dulu baris 14, object „edit‟ adalah turunan dari class AutoCompleteTextView. Object ini merupakan
textview yang bisa diedit kemudian muncul daftar rekomendasi kata secara otomatis saat proses mengetik berlangsung. Daftar
rekomendasi kata ditampilkan dalam sebuah drop down menu yang bisa diklik oleh pengguna.
Baris 26, mengaktifkan object „edit‟ supaya bisa menangkap sinyal ketika user memasukkan sebuah huruf. Sinyal ini
kemudian direspon oleh method-method pada baris 31-43 yaitu -
afterTextChanged
method ini dipanggil setelah edittext selesai diubah -
beforeTextChanged
method ini dipanggil sebelum edittext diubah -
onTextChanged
method ini panggil saat text pada edittext sedang diubah Baris 28 , menempelkan data array bernama „item‟ ke
object „edit‟. Bagian ini mengakibatkan kata-kata yang disimpan dalam variable item muncul otomatis saat user memasukkan
huruf. Baris 33 berperan menduplikasi data, yaitu huruf apa saja yang dimasukkan ke dalam object „edit‟ maka tampil juga
di object „hasil‟.
Dapatkan materi terbaru di www.omayib.com
42 Apabila Ebook ini bermanfaat buat Kamu, Bantu
penulis menyempurnakan ebook ini dengan cara
DONASI.
Kirim KRITIK, SARAN, dan TESTIMONI Kamu di
www.omayib.comtestimoni
Ingin mengadakan Workshopseminar di Kampus Kamu?? Hubungi
Imagine IT
Education Center Yogyakarta
Dapatkan materi terbaru di www.omayib.com
43
JAM 5 | ANDROID DASAR
Beberapa yang akan Kamu pelajari 1. Kotak Dialog
2. Animasi 2D not yet available
A. Membuat Kotak Dialog
Dalam sebuah aplikasi, kotak dialog merupakan sarana interaktif antara user dengan aplikasi itu sendiri. Misalnya jika
kita ingin keluar dari aplikasi, biasanya muncul peringatan berisi pertanyaan “Are you sure to quit?” dan tersedia tombol “yes”
dan “cancel”. Pada bagian ini, kita mengimplementasikan 3 macam dialog yaitu
Toast ListDialog
AlertDialog
Hasil akhir project ini terlihat seperti gambar 5.2. Oks, langsung kita praktikkan yaap?
Gambar 5.2. Hasil akhir project Kotak Dialog 1. Bikin sebuah project baru
Project name DialogBox
Build Target Android 2.2
Application name Kotak Dialog
Package name com.dialog
Create Activity KotakDialog
Min SDK version 8
2. Tambahkan 3 string element pada Strings.xml
1: ? xml
version =
1.0 encoding
= utf-8
? 2:
resources 3:
string name
= hello
Hello World, kotakDialog string
Dapatkan materi terbaru di www.omayib.com
44
4: string
name =
app_name Membuat Kotak Dialog