Membangun Aplikasi GUI

1
Membangun Aplikasi GUI

• Pemrograman Berorientasi Obyek

2
Komponen AWT
Tipe Komponen Deskripsi
Button Kotak persegi panjang, digunakan untuk menerima klik mouse
Canvas Suatu panel, digunakan untuk menggambar
Checkbox Suatu komponen, mengijinkan user untuk memilih sebuah item
CheckboxMenuItem Suatu checkbox di dalam menu
Choice Pilihan item dengan pull-down
Component Parent dari semua komponen AWT, kecuali komponen Menu
Container Parent dari semua kontainer AWT
Dialog Class dasar dari semua modal dialog-box
Frame Class dasar dari semua GUI window dengan kontrol window manager
3
Tipe Komponen Deskripsi
Label Suatu komponen text string
List Suatu komponen yang berisi sekumpulan dinamik dari item
Menu Suatu elemen dibawah menu bar, yang berisi sekumpulan menu item
MenuItem Suatu item didalam Menu
Panel Suatu class kontainer dasar, yang sering dipakai untuk membuat complex layout
Scrollbar Suatu komponen yang mengijinkan user untuk memilih sekumpulan nilai
ScrollPane Suatu class kontainer yang mengimplementasikan scroll horizontal vertikal secara otomatis
TextArea Suatu komponen yang mengijinkan user untuk memasuki suatu blok teks
TextField Suatu komponen yang mengijinkan user memasuki 1 baris teks
Window Suatu class dasar dari semua GUI window, tanpa kontrol window manager
4
Component Events
Komponen Act Adj Cmp Cnt Foc Itm Key Mou MM Txt Win
Button
Canvas
Checkbox
CheckboxMenuItem
Choice
Component
Container
Dialog
Frame
Label
List
MenuItem
Panel
Scrollbar
ScrollPane
TextArea
TextField
Window
5
Component Events

• Act ActionListener
• Adj AdjusmentListener
• Cmp ComponentListener
• Cnt ContainerListener
• Foc FocusListener
• Itm ItemListener
• Key KeyListener
• Mou MouseListener
• MM MouseMotionListener
• Text TextListener
• Win WindowListener

6
How to Create Menu

• Buat sebuah objek MenuBar dan set objek tsb
  kepada menu container (misal sebuah Frame)
• Buat satu atau lebih objek Menu dan tambahkan ke
  pada objek MenuBar
• Buat satu atau lebih objek MenuItem dan tambahkan
  ke pada objek Menu

7
MembuatMenu Bar
import java.awt. public class CreateMenuBar
private Frame f private MenuBar mb public
CreateMenuBar() fnew Frame("Creating menu
bar...") mbnew MenuBar() f.setMenuBar(mb)
f.setVisible(true) public static void
main(String args) CreateMenuBar guiApp
new CreateMenuBar()
MenuBar tidak mensupport listener
8
MembuatMenu
import java.awt. public class CreateMenu
private Frame f private MenuBar mb private
Menu mFile, mEdit, mHelp public CreateMenu()
fnew Frame("Creating menu...") mbnew
MenuBar() mFilenew Menu("File") mEditnew
Menu("Edit") mHelpnew Menu("Help") publi
c void launchFrame() mb.add(mFile) mb.add(m
Edit) mb.setHelpMenu(mHelp) f.setMenuBar(mb)
f.setVisible(true) public static void
main(String args) CreateMenu guiWindownew
CreateMenu() guiWindow.launchFrame()
9
Membuat Menu Item

• import java.awt.
• public class CreateMenuItem
• private Frame f
• private MenuBar mb
• private Menu mFile, mEdit, mHelp
• private MenuItem miNew, miSave, miQuit
• public CreateMenuItem()
• fnew Frame("Creating menu item...")
• mbnew MenuBar()
• mFilenew Menu("File")
• mEditnew Menu("Edit")
• mHelpnew Menu("Help")
• miNewnew MenuItem("New")
• miSavenew MenuItem("Save")
• miQuitnew MenuItem("Quit")

public void launchFrame() mFile.add(miNew)
mFile.add(miSave) mFile.addSeparator() mFi
le.add(miQuit) mb.add(mFile) mb.add(mEdit)
mb.setHelpMenu(mHelp) f.setMenuBar(mb) f.s
etVisible(true) public static void
main(String args) CreateMenuItem guiAppnew
CreateMenuItem() guiApp.launchFrame()
10
Membuat Menu Item
Tambahkan ActionListener pada MenuItem untuk
menghandle event yang diinginkan
11
MembuatCheckbox Menu Item

• import java.awt.
• public class CreateCheckboxMenuItem
• private Frame f
• private MenuBar mb
• private Menu mFile, mEdit, mHelp
• private MenuItem miNew, miSave, miQuit
• private CheckboxMenuItem miLoad
• public CreateCheckboxMenuItem()
• fnew Frame("Creating checkbox menu item...")
• mbnew MenuBar()
• mFilenew Menu("File")
• mEditnew Menu("Edit")
• mHelpnew Menu("Help")
• miNewnew MenuItem("New")
• miSavenew MenuItem("Save")
• miQuitnew MenuItem("Quit")
• miLoadnew CheckboxMenuItem("Load")

• public void launchFrame()
• mFile.add(miNew)
• mFile.add(miSave)
• mFile.add(miLoad)
• mFile.addSeparator()
• mFile.add(miQuit)
• mb.add(mFile)
• mb.add(mEdit)
• mb.setHelpMenu(mHelp)
• f.setMenuBar(mb)
• f.setVisible(true)
• public static void main(String args)
• CreateCheckboxMenuItem guiApp
• new CreateCheckboxMenuItem()
• guiApp.launchFrame()

12
MembuatCheckbox Menu Item

• Gunakan interface ItemListener untuk memonitor
  CheckboxMenuItem
• Panggil method itemStateChanged() ketika terjadi
  modifikasi state pada checkbox

13
(No Transcript)
14
(No Transcript)
15
(No Transcript)
16
(No Transcript)
17
(No Transcript)
18
(No Transcript)
19
(No Transcript)
20
(No Transcript)
21
Mengontrol Aspek Visual

• Untuk mengeset warna dari komponen AWT digunakan
  method
• - setForeground()
• - setBackground()
• Kedua method ini membutuhkan satu argumen yang
  merupakan instance dari class java.awt.Color,
  contoh
• - setForeground(Color.blue)
• - setBackground(Color.red)

22
Swing

• Swing merupakan toolkit GUI generasi kedua
• Memiliki banyak pengembangan dari AWT
• Dibangun di atas AWT, namun menyediakan komponen
  dalam versi lightweight
• Swing menambahkan banyak komponen baru dan lebih
  kompleks termasuk tabel dan tree