KOMPONEN GUI DI SWING Visual Mode (NetBeans)
Sub Pokok Bahasan • Membuat komponen GUI menggunakan NetBeans (Visual/Design Mode)
Membuat Window
JFrame
Membuat Window dengan JFrame • Jalankan NetBeans (yang saya pakai saat ini versi 7.1.1 untuk Mac) • Buat project (File > New Project) • Untuk membuat frame/window pada project yang telah dibuat, klik kanan project, New > JFrame Form
Membuat Window dengan JFrame • Atau jika Odak muncul New > JFrame Form, pilih New > Other • Kemudian pada dialog New File, pada Categories pilih Swing GUI Forms, pada File Type pilih JFrame Form • Next
Fitur NetBeans utk membuat GUI dengan
Visual/Design Mode
Project
Tampilan Frame/Window
Tombol Switch utk berpindah dari mode Design Ke mode Source, atau sebaliknya Panel PaleUe
Panel ProperOes
Menambahkan komponen menggunakan
Panel PaleUe
Menambahkan komponen melalui panel PaleUe • Panel PaleUe berisi komponen-‐komponen GUI • Untuk menambahkan komponen GUI tsb ke dalam Frame, Ongga click-‐drag komponen dari panel PaleUe ke dalam Frame
Klik dan drag ke dalam Frame
Mengatur properO komponen menggunakan
Panel ProperOess
Mengatur properO komponen melalui panel ProperOes • Untuk mengatur properO suatu komponen (misal, isi teks dari Jlabel, lebar dan panjang dari Jframe, dst) bisa digunakan panel ProperOes • Select terlebih dahulu komponen yang akan diatur properOnya • Pilih properO yang akan diatur dalam panel ProperOes • Lakukan pengaturan sesuai dengan nilai yang diinginkan
Select komponen
Pilih proper@ (text misalnya), dan atur nilainya Sesuai dengan yang diinginkan (misalnya, FORM INPUT DATA MHS)
Pada contoh di atas, komponen JLabel, properO Text diatur nilainya ke FORM INPUT DATA MHS. Untuk mengatur properO lain dari JLabel, bisa dilakukan dengan hal serupa (Misalnya untuk mengubah Ope font dan ukuran font, bisa dilakukan dengan mengatur properO Font )
Mengatur ProperO
Komponen
JFrame • defaultCloseOperaOon : properO utk mengatur keOka window di close apa yang dilakukan (progam berhenO, hide dsb) • Title : judul window • Always on top : agar window selalu ada di atas • Cursor : mengatur Ope kursor • Resizeable : properO yang menentukan window apakah bisa di resize apa Odak • Size : menentukan dimensi/ukuran window
JLabel • Font : mengatur jenis, style dan ukuran font • Foreground : mengatur warna font • Icon : mengatur icon yang muncul dalam label • Text : mengatur teks yang akan muncul di label
JTextField • Background : menentukan warna background text field • Editable : menentukan apakah text field bisa diedit atau Odak • Font : menentukan jenis, style dan ukuran font • Foreground : menetukan warna font • Text : mengatur teks yang akan muncul dalam text field
JRadioBuUon • BuUon Group : untuk menentukan buUon group yang akan diikuO oleh radio buUon yang bersangkutan • Font : menentukan jenis, style dan ukuran font • Selected : menentukan apakah radio buUon tsb terseleksi scr default • Text : menentukan label atau teks yang muncul di radio buUon tsb
JCheckBox • Mirip dengan JRadioBuUon • Bedanya secara fungsi, biasanya jika terdapat sekumpulan radio buUon, maka diantara mereka hanya bisa diseleksi atau dipilih SATU saja • Jika terdapat sekumpulan check box, diantara mereka bisa dipilih BEBERAPA atau TIDAK HANYA BISA SATU • Oleh karena itu, biasanya properO BuOon Group di check box, TIDAK PERNAH DISET (berbeda dengan radio buUon, dimana properO BuUon Group pasO diset, agar dari sekumpulan radio buUon hanya bisa dipilih SATU)
JComboBox • Editable : menentukan apakah elemen dalam combo box bisa diedit atau Odak • Model : untuk memasukkan elemen apa saja yang akan dimasukkan ke dalam combo box • Selected index : menentukan secara default, elemen pada index berapa yang akan terseleksi • Selected item : menentukan secara default, elemen mana yang akan terseleksi
JList • Model : untuk memasukkan elemen apa saja yang akan dimasukkan ke dalam combo box • SelecOon mode : menentukan mode seleksi thd elemen yang ada di dalamnya, apakah hanya bisa diseleksi satu, atau banyak
Komponen Lainnya • Pada inOnya, untuk mengatur properO komponen lainya, hampir serupa • Silakan dieksplorasi secara mandiri
Membuat menu bar, menu dan menu item
JMenuBar, JMenu & JMenuItem
Membuat Menu Bar, Menu dan Menu Item • Di NetBeans, komponen menu bar, menu dan menu item ada di panel PaleUe kategori Swing Menus • Di dalamnya terdapat: – Menu Bar – Menu – Menu Item – Menu Item/Check box : menu item dilengkapi dengan fitur check box – Menu Item/Radio BuUon : menu item dilengkapi dengan fitur radio buUon – Popup Menu : berupa window kecil yang di dalamnya terdapat sekumpulan pilihan – Separator : untuk pemisah antar menu item
Cara Membuat Menu Bar, Menu dan Menu Item • Klik-‐Drag Menu Bar (Secara default di dalamnya sudah ada menu File dan Edit) • Untuk menambahkan menu, klik-‐drag Menu ke dalam menu bar • Untuk menambahkan menu item, klik-‐drag Menu Item ke dalam menu
Membuat Shortcut pada Menu Item • Buka menu item, dan double klik pada bagian shortcut
Membuat Shortcut pada Menu Item • Pada window Accelerator, taruh mouse pada field Key Stoke, dan keOkkan huruf apa yang akan digunakan sbg shortcut • Kita jg bisa mengkombinasikan dg tombol Ctrl, Alt ataupun Shi^
2. Centang tombol yang ingin digunakan utk kombinasi
1. Arahkan kursor ke field ini, dan keOkkan huruf yang digunakan utk shortcut
LaOhan • Buat window dengan komposisi tampilan seperO gambar di samping
