Text Field dan Text Area

By: Johan Supriyanto, S.Kom. - June 07, 2013
Setelah sebelumnya saya menyampaikan perintah Always On Top di java, Pada kesempatan kali adalah praktek membuat program Java sederhana yaitu menggunakan komponen JLabel, JTextField, dan JTextArea.
1. Anda buat project baru.
Text Field dan Text Area
Membuat Project Baru

2. Kemudian Pilih Java Aplication.
Text Field dan Text Area
Java Aplication

3. Pada kotak Project Name, beri nama: JtextField_JTextArea. Hilangkang tanda centang pada Create Main Class. Seperti pada gambar dibawah ini:
Text Field dan Text Area
Memberi Nama Project

4. Pada project klik kanan, lalu pilih New >> JFrameForm.
Text Field dan Text Area
Membuat class JFrameForm

5. Pada kotak Class Name: beri nama: JtextField_JTextArea (sama dengan nama project). Perhatikan gambar dibawah ini:
Text Field dan Text Area
Memberi Nama JFrame

6. Buka panel Swing Controls, tambahkan sebuah Label. Kemudian ubah teksnya menjadi Keluaran. Perhatikan pada gambar dibawah ini:
Text Field dan Text Area
Menambah Komponen Label

7. Tambahkan komopnen TextField pada JFrame dari panel Swing controls dan sesuaikan ukuran TextFieldnya dan klik kanan Edit text hapus, seperti pada gambar berikut:
Text Field dan Text Area
Posisi dan Ukuran TextField

8. Setelah itu dari Swing Controls tambahkan komponen Text Area pada JFrame.sesuaikan ukurannya. perhatikan gambar berikut:
Posisi dan Ukuran TextArea

9. Tambahkan komponen Button dari Swing Control. Kemudian ubah properti teksnya menjadi Bersih caranya klik kanan Edit Text ketikkan Bersih. Tempatkan seperti pada gambar dibawah ini:
Text Field dan Text Area
Posisi Button

10. Klik kanan pada komponen TextField, pilih Events >> Key >> KeyReleased.
Text Field dan Text Area
Event KeyReleased

11. Kemudian ketikkan perintah: jTextArea1.setText(jTextField1.getText());jLabel1.setText("Keluaran");
Keterangan perintah tersebut yaitu: berfungsi untuk menampilkan semua isi teks dari TextField ke dalam TextArea ketika tombol Keyboard dilepas dan properti Label menjadi: Keluaran.
Seperti yang terlihat pada gambar berikut ini:
Text Field dan Text Area
Posisi Kode

12. Klik kanan pada Button, kemudian pilih Events >> Mouse >> MouseClicked.
Text Field dan Text Area
Event MouseClicked

13. Ketikkan perintah ini: jTextField1.setText("");jTextArea1.setText("");jLabel1.setText("Standby");
Keterangan perintah terseut yaitu berfungsi untuk mengosongkan semua isi teks dari TextField dan TextArea ketika kondisi Button di klik serta properti teks Label menjadi:standby.
Perhatikan pada gambar berikut ini:
Text Field dan Text Area
Posisi Kode

14. Build project, dan Run / jalankan program.
15. Ketikkan teks pada TextField.
Text Field dan Text Area
Ketikkan Text

16. Semua yang diketikkan melalui TextField, akan ditampilkan langsung pada TextArea. Seperti pada contoh gambar berikut ini:
Text Field dan Text Area
Keluaran Text

17. Jika diklik Button maka secara otomatis akan menghapus seluruh isi TextField dan TextArea sehingga menjadi status Standby.
Text Field dan Text Area
Membersihkan Text

Demikian praktek hari ini mengenai penggunaan TextField dan Text Area.

Artikel Terkait