KOMPONEN  GUI  DI  SWING  

Sub  Pokok  Bahasan  

•  JLabel  •  JTextField  •  JPasswordField  •  JBu9on  •  JOp<onPane  •  JComboBox  •  JCheckBox  

•  JMenuBar  •  JRadioBu9on  •  JTabbedPane  •  JTextArea  •  JList  •  JSlider  

Membuat  Window  

JFrame  

Membuat  Window  dengan  JFrame  

•  Buat  klas  (misal  nama  klas  SwingGuiComponent)  yang  menurun  dari  klas  JFrame  

•  Lengkapi  klas  tsb  dengan  konstruktor  default,  method  setComponent()  dan  method  main().  

Mem

buat  W

indo

w  den

gan  JFrame  

Membuat  komponen  panel  

JPanel  

Membuat  Panel  dengan  JPanel  

•  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JPanel  panel;  

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  panel  tsb.  

•  Pada  method  setComponent(),  masukkan  panel  tsb  ke  dalam  window  

Membuat  komponen  label  

JLabel  

Membuat  Label  dengan  JLabel  

•  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JLabel  label;  

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  label  tsb.  

•  Pada  method  setComponent(),  masukkan  label  ke  dalam  panel    

Membuat  komponen  text  field  

JTextField  

Membuat  Text  Field  dengan  JTextField  •  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JTextField;  

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  txt  tsb.  

•  Pada  method  setComponent(),  masukkan  txt  ke  dalam  panel    

Perha<kan   cara   menambahkan   komponen  GUI   ke  dalam  window  di   atas   (JPanel,   JLabel  dan   JTextField).   Karena   cara   tersebut   juga  berlaku  untuk  menambahkan  komponen  GUI  berikutnya.  Pada  in<nya:  •  Buatkan   atribut   utk   komponen   GUI   yang  

akan  ditambahkan  ke  dalam  window  •   Instansiasi  atribut  tsb  •  Masukkan   atribut   tsb   ke   dalam   container  

(bisa   ke   Jframe   atau   ke   JPanel),   dan   atur  proper<nya  

Membuat  komponen  bu9on  

JBu9on  

Membuat  Bu9on  dengan  JBu9on  

•  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JBu>on;  

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  btn  tsb.  

•  Pada  method  setComponent(),  masukkan  btn  ke  dalam  panel  

Membuat  komponen  combo  box  

JComboBox  

Membuat  Combo  Box  dengan  JComboBox  •  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JComboBox;  

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  combo  tsb.  

•  Pada  method  setComponent(),  masukkan  combo  ke  dalam  panel  

Membuat  komponen  check  box  

JCheckBox  

Membuat  Check  Box  dengan  JCheckBox  •  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JCheckBox;  

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  checkBox  tsb.  

•  Pada  method  setComponent(),  masukkan  checkBox  ke  dalam  panel  

Membuat  komponen  radio  bu9on  

JRadioBu9on  

Membuat  Radio  Bu9on  dengan  JRadioBu9on  •  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JRadioBu>on  dan  Bu>onGroup;  

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  radioBu>on  dan  bu>onGroup  tsb.  

•  Pada  method  setComponent(),  masukkan  radioBu>on  ke  dalam  bu>onGroup.  

•  Kemudian  masukkan  radioBu>on  tsb  ke  dalam  panel  

CATATAN:  Tujuan   Radio   Bu9on   dimasukkan   ke   dalam  Bu9on   Group   adalah   agar   hanya   terdapat  satu   Radio   Bu9on   yang   bisa   dipilih   dari  beberapa  Radio  Bu9on  yang  masuk  ke  dalam  Bu9on  Group  yang  sama  

Membuat  komponen  list  

JList  

Membuat  List  dengan  JList  

•  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JList  dan  DefaultListModel  dan  JScrollPane;  

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  list,  listModel  dan  scrollPane1  tsb.  

•  Masukkan  isi  ke  dalam  listModel.  •  Set  model  dari  list  dengan  listModel.  •  Set  view  port  scrollPane1  ke  list.  

CATATAN:  •  Elemen  yang  akan  dimasukkan  ke  dalam  JList,  

ditampung   ke   dalam   objek   DefaultListModel.  Jadi   ke<ka   ingin   memasukkan   elemen   ke  dalam   JList,   dilakukan   dengan   memasukkan  elemen   tsb   ke   DefaultListModel   (baris  program  no.63-­‐72  )  

•  Jika   elemen   yang   dimasukkan   ke   dalam   JList  banyak,  maka  harusnya  ada   scroll   dalam   Jlist.  Oleh   karena   itu   perlu   digunakan   objek  JScrollPane  (baris  no.  74)  

Membuat  komponen  text  area  

JTextArea  

Membuat  Text  Area  dengan  JTextArea  •  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JTextArea    

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  txtArea  tsb.  

•  Atur  proper<  dari  txtArea  di  dalam  method  setComponent();  

•  Masukkan  txtArea  ke  dalam  panel  

.  .  .  .  .  .  .  

.  .  .  .  .  .  .  

.  .  .  .  .  .  .  

Membuat  komponen  menu  bar,  menu  dan  menu  item  

JMenuBar,  JMenu,  JMenuItem  

Membuat  Menu  Bar,  Menu  dan  Menu  Item    •  Dalam  klas  SwingGuiComponent  tsb,  tambahkan  atribut  JMenuBar,  JMenu  dan  JMenuItem  

•  Dalam  konstruktor  default  klas  SwingGuiComponent,  instansiasi  objek  menuBar,  menu1,  menu2  dan  menuItem  tsb.  

•  Masukkan  menu1  dan  menu2  ke  dalam  menuBar  

•  Masukkan  menuItem  ke  dalam  menu1  •  Masukkan  menuBar  ke  dalam  JFrame  

.  .  .  .  .  .  .  

.  .  .  .  .  .  .  

.  .  .  .  .  .  .  

Membuat  komponen  input  dialog  dan  message  dialog  

JOp<onPane  

Membuat  Input  Dialog  dan  Message  Dialog  •  Untuk  membuat  input  dialog,  digunakan  method  showInputDialog()  dari  klas  JOpSonPane  

•  Untuk  membuat  message  dialog,  digunakan  method  showOutputDialog()  dari  klas  JOpSonPane  

•  Pada  method  setComponent(),  masukkan  sintaks  pemanggilan  method  showInputDialog()  dan  showMessageDialog()  

.  .  .  .  .  .  .  

.  .  .  .  .  .  .  

.  .  .  .  .  .  .  

CATATAN:  •  Format   method   showInputDialog()   yang  

dipakai  di  atas  adalah:  

     

Parent  component  Teks  yang  akan  tampil  dalam  dialog  box  

•  Format   method   showMessageDialog()   yang  dipakai  di  atas  adalah:  

 Parent  component   Teks  yang  akan  tampil  dalam  dialog  box  

Judul  Dialog  Box  

Tipe  dialog  box