KOMPONENGUI’ DI WING Menu$Bar,$Menu$dan$Menu$ Item$ • Di...

download KOMPONENGUI’ DI WING Menu$Bar,$Menu$dan$Menu$ Item$ • Di NetBeans, komponen$menu$bar,$menu$danmenu

of 33

  • date post

    04-Apr-2019
  • Category

    Documents

  • view

    235
  • download

    1

Embed Size (px)

Transcript of KOMPONENGUI’ DI WING Menu$Bar,$Menu$dan$Menu$ Item$ • Di...

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

Panel ProperOes Panel PaleUe

Project

Tombol Switch utk berpindah dari mode Design Ke mode Source, atau sebaliknya

Tampilan Frame/Window

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^

1. Arahkan kursor ke field ini, dan keOkkan huruf yang digunakan utk shortcut

2. Centang tombol yang ingin digunakan utk kombinasi

LaOhan

Buat window dengan komposisi tampilan seperO gambar di samping