KOMPONEN GUI DI SWING. Visual Mode (NetBeans)

Transkripsi

1 KOMPONEN GUI DI SWING Visual Mode (NetBeans)

2 Sub Pokok Bahasan Membuat komponen GUI menggunakan NetBeans (Visual/Design Mode)

3 Membuat Window JFrame

4 Membuat Window dengan JFrame Jalankan NetBeans (yang saya pakai saat ini versi untuk Mac) Buat project (File > New Project) Untuk membuat frame/window pada project yang telah dibuat, klik kanan project, New > JFrame Form

5 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

6 Fitur NetBeans utk membuat GUI dengan Visual/Design Mode

7 Project Tampilan Frame/Window Tombol Switch utk berpindah dari mode Design Ke mode Source, atau sebaliknya Panel PaleUe Panel ProperOes

8 Menambahkan komponen menggunakan Panel PaleUe

9 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

10 Klik dan drag ke dalam Frame

11 Mengatur propero komponen menggunakan Panel ProperOess

12 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

13 Select komponen Pilih (text misalnya), dan atur nilainya Sesuai dengan yang diinginkan (misalnya, FORM INPUT DATA MHS)

14 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 )

15 Mengatur ProperO Komponen

16 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

17 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

18 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

19 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

20 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)

21 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

22 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

23 Komponen Lainnya Pada inonya, untuk mengatur propero komponen lainya, hampir serupa Silakan dieksplorasi secara mandiri

24 Membuat menu bar, menu dan menu item JMenuBar, JMenu & JMenuItem

25 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

26 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

27

28

29

30 Membuat Shortcut pada Menu Item Buka menu item, dan double klik pada bagian shortcut

31 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^

32 1. Arahkan kursor ke field ini, dan keokkan huruf yang digunakan utk shortcut 2. Centang tombol yang ingin digunakan utk kombinasi

33 LaOhan Buat window dengan komposisi tampilan sepero gambar di samping