EVENT LISTENER
Event Handling • Program/komponen GUI perlu berinteraksi dengan user • Ke;ka user melakukan sesuatu terhadap komponen GUI, maka program GUI tersebut perlu memberikan respon atau tanggapan terhadap apa yang telah dilakukan oleh user. Konsep ini yang disebut Event Handling • Contoh: Ke;ka BuCon diklik oleh user, maka program akan menampilkan dialog box, dsb
Event • Dalam pemrograman GUI, Event merepresentasikan suatu kejadian yang dialami oleh komponen GUI, setelah mendapatkan perlakuan tertentu dari user. • Misal: ke;ka user menekan BuCon, maka Event yang dihasilkan akibat perlakuan tadi adalah Event Mouse Clicked, dsb
Event Listener • Agar program GUI bisa memberikan tanggapan atau melakukan proses sebagai respon atas Event yang terjadi pada suatu komponen, maka perlu ada Event Listener, yang akan berfungsi untuk mengenali Event yang terjadi dan melakukan penanganan terhadap Event tersebut.
Event Listener • Beberapa EventListener yang akan diberikan contoh pada slide ini antara lain: – Ac;on Listener – Focus Listener – Item Listener – Key Listener – List Selec;on Listener – Mouse Listener
Ac;onListener
Ac;onListener • Merupakan Event Listener yang paling sering dignakan dan paling mudah diimplementasikan • Gunakan Ac;onListener pada suatu komponen ke;ka diinginkan komponen tsb bisa menangani operasi yang diberikan oleh user • Misal: – BuCon di klik oleh user – User memilih menu item – User menekan Enter pada suatu text field
Contoh Kasus Ac;onListener
1. Memodifikasi Tampilan • Sesuaikan tampian program pada pertemuan 3, yaitu dengan menambahkan komponen Jtable • Letakkan JTable di bagian kanan • Secara defaut Jtable yang di klik-‐drag dari panel PaleCe, memiliki 4 kolom dan 4 baris.
JTabe
2. Memodifikasi Kolom dari JTable • Klik atau select komponen Jtable yang suadh masuk ke Frame • Pada panel Proper/es, pilih Model • Akan terbuka jendea Table Model, dan atur sedemikian rupa sehingga bisa seper; tampil pada slide di bawah
Untuk mengubah judul kolom
Untuk menambah jumah kolom
Untuk menambah jumah baris
Hasil Modifikasi Tampilan
3. Memberikan Event Handling pada BuCon Submit • Klik kanan pada buCon Submit • Pilih Events > Ac/on > ac/onPerformed • Kemudian akan masuk ke mode Source, dan langsung diarahkan ke suatu method. Dimana di dalam method tsb akan dituliskan instruksi program yang digunakan untuk menangani event yang diberikan pada buCon Submit • Jika sebelumnya sudah ada isi di dalam method tsb, maka beri komentar saja, sehingga ;dak dianggap sebagai program.
Piih event ac/onPerformed
Klik kanan di Submit
• Perha;kan nama txtNama, jTextField2, jComboBox1 dst yang tampi pada gambar di atas adalah menyesuaikan dengan nama objek komponen yang Anda buat.
FocusListener
FocusListener • FocusListener digunakan untuk menangani Focus Event • Focus Event terjadi ke;ka suatu komponen mendapatkan atau kehilangan focus dari keyboard
Contoh Kasus FocusListener 1. Dari tampilan GUI pada prak;kum sebelumnya, klik kanan pada komponen Text Field yang ada di sebelah NIM, pilih Events > Focus > Focus Gained
Contoh Kasus FocusListener 2. Kita akan diarahkan pada mode Source, pada suatu method dimana di dalam method tsb akan diisikan instruksi yang akan dijalankan saat komponen Text Field di sebelah NIM mendapatkan focus dari keyboard
Contoh Kasus FocusListener 3. Jalankan program 4. Arahkan dan letakkan kursor ke komponen text field di sebelah NIM, maka akan muncul dialog box, sebagai tanggapan atas focus yang ia dapatkan
ItemListener
ItemListener • ItemListenerdigunakan untuk menangani Item Event • Item Event hanya bisa dihasilkan oleh komponen yang implements ke interface ItemSelectable. Contohnya: check box, check menu item, toggle buCon, combo box
Contoh Kasus ItemListener 1. Dari tampilan GUI pada prak;kum sebelumnya, klik kanan komponen Check Box dengan label “Sepakbola”, pilih Events>Item>itemStateChanged
Contoh Kasus ItemListener 2. Kita akan diarahkan pada mode Source, pada suatu method dimana di dalam method tsb akan diisikan instruksi yang akan dijalankan saat komponen Check Sepakbola bergan; status (di-‐select atau ;dak)
KeyListener
KeyListener • Digunakan utuk menangani Key Event • Key Event muncul ke;ka user menekan atau menge;kan tombol keyboard
Contoh Kasus KeyListener 1. Dari tampilan GUI pada prak;kum sebelumnya, klik kanan komponen Text Area “catatan”, pilih Events>Key>keyTyped 2. Kita akan diarahkan pada mode Source, pada suatu method dimana di dalam method tsb akan diisikan instruksi yang akan dijalankan saat user menge;kan sesuatu di dalam Text Area
ListSelec;onListener
ListSelec;onListener • Digunakan untuk menangai List Selec;on Event • List Selec;on event akan muncul ke;ka user melakukan seleksi atau memilih item yang ada di dalam komponen Table ataupun List
Contoh Kasus ListSelec;onListener 1. Dari tampilan GUI pada prak;kum sebelumnya, klik kanan komponen List “Makanan Favorit”, pilih Events>ListSelec/on>valueChanged 2. Kita akan diarahkan pada mode Source, pada suatu method dimana di dalam method tsb akan diisikan instruksi yang akan dijalankan saat user melakukan seleksi pada elemen yang ada di dalam List
MouseListener
MouseListener • Digunakan untuk menangai Mouse Event, dimana bisa berupa event mouse clicked, entered, exited, released, pressed
Contoh MouseListener 1. Dari tampilan GUI pada prak;kum sebelumnya, klik kanan komponen BuCon “Submit”, pilih Events>Mouse>mouseEntered 2. Kita akan diarahkan pada mode Source, pada suatu method dimana di dalam method tsb akan diisikan instruksi yang akan dijalankan saat user mengarahkan mouse masuk ke dalam area BuCon “Submit”
Coba implementasikan juga untuk menangai event mouseExited, mousePressed, mouseReleased dan mouseClicked
TUGAS MANDIRI • Iden;fikasi Event Listener yang lain (selain yang sudah diberikan contoh pada slide ini) • Buat eksperimen, untuk mencoba menerapkan Event Listener yang lain tersebut