Program Pertama Android
Program Pertama Android
Gambar 2.15
Gambar 2.16
3. Pada Package Explorer, buka file main.xml di folderres/layout perhatikan Gambar 2.17
Gambar 2.17
5. Pada package src/contoh.halo, buka halo.java pastikan kodenya seperti berikut ini, perhatikan
Gambar 2.18
Gambar 2.18
6. Jalankan run dengan shortcut CTRL+F11 atau klikkanan package > run as > android Project.
Kamu bisa mendownload langsung aplikasi ini ke perangkatandroid. File yang harus
didownload adalah halo.apk yangterletak di folder halo/bin.
Pertama, melalui project explorer kembali pilih activity_main.xml yang berada di res/layout
(gambar bawah).
Pertama pilih widget TextField, pilih yang paling atas (plain text), lalu drag ke dalam form.
Lalu drag button di Form Widget, dan letakkan disebelah kanan text field.
Terakhir, drag teks “hello world” dari tengah ke dekat button. Jika posisi menjadi ‘berantakan’
jangan khawatir, atur ulang sehingga posisinya seperti dibawah.
Coba run (ctrl-F11) untuk melihat hasil tampilan dari program ini. Jangan lupa, jangan tutup
emulatornya, supaya tidak menunggu lama saat run berikutnya. Sekarang kita akan menambahkan
aksi yang akan dijalankan saat button diklik.
Sekarang karena kita akan membuat code yang saat button di-klik menangkap apa yang diketikkan
pengguna dan menuliskannya di TextView. Untuk itu setiap komponen perlu diberi nama.
Kembali ke activity_main.xml. Klik Button kemudian lihat window properties yang berada di
sebelah kanan, ganti Text dengan “Sapa” dan id dengan “bSapa”
Saat id diganti maka ada pesan untuk mengupdate semua kemunculan id, jawab ini dengan “Yes”.
Kemudian muncul window “Rename Resource” dan jawab ini juga dengan OK. Cara ini akan
membuat semua kemunculan id ini di activity_main akan otomatis diganti. Ini akan lebih mudah
dibandingkan harus mengganti secara manual file xml.
Lakukan hal yang sama untuk textfield, ganti id dengan etNama
Coba lihat XML-nya, maka semua Id telah diganti (gambar bawah). Ini kelebihan mengganti nama id
menggunakan property.
Sekarang kita akan mengeset agar saat button diklik, method yang diinginkan akan dipanggil. Set
atribut android.onClik pada button dengan nama method yang akan menangani event tersebut
(bSapaClick).
Penting: setelah update XML, tekan save (ctrl-s).Ini disebabkan file R.java (di direktori /gen)
yang berisi semua Id dan digenerate secara otomatis dapat tidak terupdate jika file xml tidak di-
save secara eksplisit.
Sekarang kita perlu menambahkan code agar saat tombol diklik app akan mengeluarkan respon.
Kemudian buat satu method baru bSapaClick. Pastikan nama method sama dengan yang
dicantumkan di activity_main.XML. Nama yang tidak sama akan menyebakan error saat program
dijalankan.
Tambahkan impor class yang dibutuhkan. Salah satu cara yang paling mudah adalah dengan
mengklik gambar x merah di sebelah kiri, lalu pilih impor (gambar bawah).
Tip: Jika id tidak dikenali seperti R.id.etNama, R.id.tvSalam dan seterusnya, buka kembali
activity_main.xml lalu tekan ctrl-S (save)
Jalankan program (ctrl-F11), perhatikan tab Console di bagian bawah untuk memonitor proses
emulasi. Isi teks dan tekan tombol.
Cara ini paling sederhana, tetapi programmer harus memastikan nama method pada XML sama
dengan nama method di program. Jika nama method tidak sama, tidak akan muncul kesalahan
pada saat program dicompile, tapi akan menyebabkan kesalahan pada saat runtime (saat button
diklik). Alternatif lain adalah dengan menggunakan listener seperti code dibawah.
Mana yang lebih baik? menggunakan atribut onClik atau dengan listener? itu tergantung dari selera
programmer dan standard code yang digunakan.