Langsung ke konten utama

Pemrograman Java Swing: Bagaimana Cara Menangani Event Klik?

Pemrograman Java Swing: Bagaimana Cara Menangani Event Klik?


 
Java Swing Click
Pada program desktop, klik sering dilakukan oleh pengguna.
Lalu, bagaimana cara menangai event ini?
Misal saat pengguna program mengklik sebuah tombol, nanti kita ingin program melakukan sesuatu di sana.
Itulah yang akan kita pelajari pada tutorial ini.
Oya, tutorial ini menggunakan Netbeans agar lebih mudah dalam pembuatan dan desain form.
Karena bisa drag/drop

1. Membuat Project Baru

Silahkan buka Netbeans, lalu klik New Project dan pilih Java Application.
Membuat project baru pada netbeans
Setelah itu, isi nama project dengan: TutorialSwing dan jangan centang Create Main Class.
Membuat project baru pada netbeans
Setelah itu, buat package baru pada <default package> dengan nama clickPackage ini akan berisi sebuah form JFrame.
Membuat package baru
Setelah itu, buatlah sebuah JFrame baru.
Membuat package baru
Isi nama JFrame dengan: AplikasiKlik.
Nama JFrame
Langkah berikutnya kita akan menambahkan beberapa komponen…

2. Mendesain Form JFrame

Silahkan tambahkan komponen berikut:
  1. 1 buah jTextField;
  2. 1 buah jButton;
  3. 2 buah jLabel untuk label jTextField dan label message.
Desain Form JFrame
Sehingga desainnya menjadi seperti ini:
Desain Form JFrame
Langkah berikutnya, kita harus mengubah nama variabel untuk beberapa komponen.
Ini bertujuan untuk memudahkan kita untuk mengakses komponen di dalam kode program.
Karena Variable Name akan menjadi sebuah objek di dalam kode Java.
Silahkan klik salah satu komponen. Lalu pada bagian Code (dekat propertis), isi Variable Name
Variable name untuk Code
…untuk masing-masing komponen seperti berikut:
Variable name untuk Code

3. Menambahkan Handler pada Tombol

Kita ingin agar tombol diklik, nanti program melakukan sesuatu.
Maka caranya adalah dengan menambahkan fungsi atau method untuk menangani event klik pada tombol.
Cara menambahkannya:
Klik kanan pada tombol, lalu pilih Events->Action->actionPerformed atau bisa juga dengan klik ganda pada tombolnya.
Menambahkan even handler pada tombol
Maka kita akan memiliki sebauh method baru di dalam kode:
Method untuk menangani klik
Sekarang, coba kita ubah isi method tersebut menjadi seperti ini:
private void btnHelloActionPerformed(java.awt.event.ActionEvent evt) {
    String nama = txtNama.getText().toString().trim();
    labelMessage.setText("Hello " + nama);
}  
Sehingga akan menjadi seperti ini:
Method untuk menangani klik
Penjelasan:
Pertama, kita membuat sebuah variabel nama yang isinya kita ambil dari objek txtNama. Objek ini merupakan komponen dari TextField.
Kita menggunakan method getText() untuk mengambil teksnya, lalu kita gunakan method toString() untuk mengubahnya menjadi String.
Terakhir, kita gunakan method trim() untuk menghapus spasi di depan dan di belakang teks-nya.
…dan setelah itu…
Kita menampilkannya ke dalam komponen labelMessage dengan menggunakan method setText().

4. Percobaan…

Sekarang, mari kita coba jalankan programnya. Klik kanan pada AplikasiKlik.java kemudian pilih Run File atau tekan Shift+F6.
Maka hasilnya:
Demo program Klik

5. Membuat Program Kalkukator

Biar pemahaman kita semakin mantap, mari kita coba membuat program kalkulator penjumlahan.
Silahkan buat sebuah JFrame baru dengan nama Kalkulator di dalam package click.
Setelah itu buat desain dan Variabel Name-nya seperti ini.
Desain form program kalkulator
Setelah itu, klik 2x pada btnHitung untuk menambahkan method handler untuk event click.
Kemudian isi kode method-nya seperti ini:
private void btnHitungActionPerformed(java.awt.event.ActionEvent evt) {             
    int nilaiA = Integer.valueOf(txtNilaiA.getText());
    int nilaiB = Integer.valueOf(txtNilaiB.getText());
    int hasil = nilaiA + nilaiB;
    
    // tampilkan hasil ke label
    labelHasil.setText(String.valueOf(hasil));
} 
Penjelasan:
Pertama kita membuat vairabel nilaiAnilaiB, dan hasil dengan tipe int (Integer).
Variabel nilaiA kita ambil nilainya dari txtNilaiA. Karena teks dari txtNilaiA bertipe String, maka kita harus mengubahnya menjadi integer agar dapat disimpan di dalam variabel nilaiA.
Kita menggunakan method Integer.valueOf() untuk mengubah string menjadi integer.
Kita juga melakukan hal yang sama pada variabel nilaiB.
Berikutnya pada variabel hasil, kita isi dengan hasil penjumlahan dari nilaiA dan nilaiB.
Terakhir, kita tampilkan hasilnya ke dalam labelHasil.
Karena method setText() hanya menerima parameter berupa string, maka kita harus ubah lagi tipe data dari variabel hasil menjadi string dengan method String.valueOf().
Sekarang coba eksekusi programnya dengan klik kanan pada file Kalkulator.java, lalu pilih Run File.
Hasilnya:
Demo program kalkulator
Mantap 👍

Apa Selanjutnya?

Event klik merupakan event yang sering dilakukan oleh user. Selain event klik, masih terdapat beberapa event lagi.
Seperti:
  • Saat tombol keyboard diklik;
  • Saat pointer melintasi (mouse over);
  • Saat jendela ditutup;
  • Saat TextField diisi;
  • dll.
Selengkapnya, kita bisa lihat dengan klik kanan pada sebuah komponen, lalu pilih events.
Cobalah untuk bereksperimen dengan event-event tersebut.

Komentar

Postingan populer dari blog ini

PROSEDUR PEMBUATAN INDIKATOR

PROSEDUR PEMBUATAN INDIKATOR 1. EBT (ERIOCROM BLACK T) Timbang 100 mg serbuk zat warna EBT ,10 gram Kristal NaCl atau Kristal Na2SO4 an hidrat. Kedua zat tersebut dicampur dengan cara menggerus didalam mortar sampai halus dan merata. Penggunaannya 100 mg (seujung spatel ) untuk satu kali titrasi. 2. Merah metil Larutkan 25 mg metil P dengan 0,95 ml larutan Natrium hidroksida 0,05 N dan 5 ml etanol 95 % setelah larut sempurna, tambahkan etanol 50 % secukupnya hingga 250,0 ml 3. Jingga metil Larutkan jingga metil P 0,04 % b/v dalam etanol 20 % 4. BTB Larutkan 100 mg biru brom timol P dengan 3,2 ml Natrium Hidroksida 0,05 N dan 5 ml etanol 90 % ,setelah larut sempurna tambahkan etanol 20 % secukupnya hingga 250,0 ml. 5. MUREXIDE Haluskan 100 mg serbuk murexide dengan 10 gram KNO3 atau 10 gram NaCl . Pada pemakaiannya 100 gram serbuk murexide tiap volume 150 sampai 200 ml. 6. Larutan indicator Fenolftalein 0,035 %. Timbang ± 0,035 gram Fenolftalein ,lar

LARUTAN PADA KIMIA ANALITIK KUANTITATIF

LARUTAN PADA KIMIA ANALITIK KUANTITATIF 1.        LARUTAN NaOH 0,1  N                 4 gram NaOH dalam 1 Liter 2.        LARUTAN HCl 0,1 N HCl pekat = 37% HCl pekat = 12 M = 12 N                 8,33 mL HCl pekat = 1 Liter 0,1 N 3.        LARUTAN H 2 SO 4 0,1 N H 2 SO 4 pekat = 96 % H 2 SO 4 pekat = 17,63 M = 18 M = 36 N        2,78 mL H 2 SO 4 pekat = 1 liter 0,1 N 4.        LARUTAN CH 3 COOH 0,1 N CH 3 COOH pekat = 99,5 % CH 3 COOH pekat = 17 M = 17 N        5,88 mL CH 3 COOHpekat = 1 liter 0,1 N 5.        LARUTAN Na 2 S 2 O 3 0,1 N             26 gram Na 2 S 2 O 3 dengan 0,2   g Na 2 CO 3 dilarutkan dalam air bebas CO 2 segar sampai volume 1000 ml 6.        LARUTAN KIO 3 0,1 N             3 , 5 g KIO 3 encerkan dengan air hingga 1000 m L 7.        LARUTAN KMnO 4 0,1 N      3,3 gram Kalium Permanganat P adat dilarutkan dalan air hingga 1000 ml 8.        LARUTAN IODIUM (I 2 ) 0,1 N 12,69 gram I 2 P adat ke dalam la

C++ #03 Mengenal Fungsi Input dan Output

Belajar C++ #03: Mengenal Fungsi Input dan Output pada C++ #  C++ Pada dasarnya, program komputer hanya terdiri dari tiga bagian: Input  adalah sesuatu data yang kita masukan ke dalam program. Input biasanya diambil dari perangakat inputan seperti keyboard, mouse, kamera, microphone, dll. Proses  adalah langkah-langkah yang harus dilakukan program untuk menghasilkan output. Output  adalah informasi yang dihasilkan setelah dilakukan proses. Output biasanya ditampilkan ke layar komputer. Pada bahasa pemrograman C++, terdapat beberapa fungsi dasar untuk menampilkan output dan mengambil input. Apa saja itu? Mari kita bahas… Fungsi Output pada C++ C++ memiliki empat fungsi dasar untuk menampilkan output: cout  untuk menampilkan teks ke layar; cerr  untuk menampilkan error; clog  untuk menampilkan log; printf()  untuk menampilkan output, fungsi ini dari C; Kita akan fokus memabahas yang dua saja, yakni  cout  dan  printf() . Soalnya  cerr  dan  clog