Hello XXX

Program “Hello XXX” merupakan modifikasi program “Hello Word”, yaitu dengan menambahkan masukan nama dari user, lalu setelah user menekan tombol, akan keluar “Hello, [nama]. Terimakasih”

Pertama, melalui project explorer kembali pilih main.xml yang berada di res/layout (gambar bawah).

Pilih tab “Graphical Layout”

Komponen-komponen user interface yang berada di bagian kiri, sering disebut “widget”atau “view”.

Pilih pembesar untuk lebih jelas melihat komponen user interface (gambar bawah)

Kemudian pilih widget TextField, pilih yang paling atas (plain text), lalu drag ke dalam form, geser-geser sehingga hasilnya seperti gambar bawah. Jika posisi menjadi ‘berantakan’ jangan khawatir. Layout Android tidak mengenal posisi eksak, karena memang tidak cocok untuk Android yang mempunyai sangat banyak variasi display.

Dipertemuan berikutnya akan dipelajari layout yang lain yang lebih cocok untuk model form seperti ini.

Lalu drag button di Form Widget, dan letakkan disebelah kanan text field (gambar bawah)

Save, Coba run (ctrl-F11) untuk melihat hasil tampilan dari program ini. Jangan lupa, jangan tutup emulatornya, supaya tidak menunggu lama saat run berikutnya. Selanjutnya akan ditambahkan aksi yang akan dijalankan saat button diklik.

Saat button di-klik code akan menangkap apa yang diketikkan pengguna dan menuliskannya di TextView. Untuk itu setiap komponen perlu diberi nama.

Kembali ke main.xml. Klik Button kemudian lihat window properties yang berada di sebelah kanan, ganti Text dengan “Sapa” dan id dengan “bSapa” (gambar bawah). 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 EditText, ganti id dengan etNama. Kemudian textview, ganti id dengan tvSalam.

seperti ini hasilnya :

Coba lihat XML-nya, maka semua Id telah diganti (gambar bawah). Ini kelebihan mengganti nama id menggunakan property

Tip: untuk merapikan XML tekan ctrl-shift-F.

Selanjutnya perlu ditambahkan code agar saat tombol diklik app akan mengeluarkan respon.

Melalui package explorer, kembali ke activity utama (SapaTestActivity.java).

Kemudian buat satu method baru onClick.Pastikan nama method sama dengan yang dicantumkan di 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 shortcut keyboard ctrl-shift-O (huruf o bukan angka nol). Cara lain 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 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.