membangun aplikasi gui

22
Membangun Aplikasi Membangun Aplikasi GUI GUI Pemrograman Berorientasi Obyek

Upload: brynn-miller

Post on 03-Jan-2016

67 views

Category:

Documents


0 download

DESCRIPTION

Membangun Aplikasi GUI. Pemrograman Berorientasi Obyek. Komponen AWT. Component Events. Component Events. Act = ActionListener Adj = AdjusmentListener Cmp= ComponentListener Cnt = ContainerListener Foc = FocusListener Itm = ItemListener Key = KeyListener - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Membangun Aplikasi  GUI

Membangun Aplikasi GUIMembangun Aplikasi GUI

Pemrograman Berorientasi Obyek

Page 2: Membangun Aplikasi  GUI

Komponen AWTKomponen AWTTipe 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

Page 3: Membangun Aplikasi  GUI

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

Page 4: Membangun Aplikasi  GUI

Com

pone

nt E

vent

sC

ompo

nent

Eve

nts

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

Page 5: Membangun Aplikasi  GUI

Component EventsComponent Events

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

Page 6: Membangun Aplikasi  GUI

How to Create MenuHow to Create Menu

1. Buat sebuah objek MenuBar dan set objek tsb kepada menu container (misal sebuah Frame)

2. Buat satu atau lebih objek Menu dan tambahkan ke pada objek MenuBar

3. Buat satu atau lebih objek MenuItem dan tambahkan ke pada objek Menu

Page 7: Membangun Aplikasi  GUI

MembuatMembuatMenu BarMenu Bar

import java.awt.*;

public class CreateMenuBar {private Frame f;private MenuBar mb;

public CreateMenuBar() {f=new Frame("Creating menu bar...");mb=new MenuBar();f.setMenuBar(mb);f.setVisible(true);

}

public static void main(String args[]) {CreateMenuBar guiApp = new CreateMenuBar();

}}

MenuBar tidak mensupport listener

Page 8: Membangun Aplikasi  GUI

MembuatMembuatMenuMenu

import java.awt.*;

public class CreateMenu {private Frame f;private MenuBar mb;private Menu mFile, mEdit, mHelp;

public CreateMenu() {f=new Frame("Creating menu...");mb=new MenuBar();mFile=new Menu("File");mEdit=new Menu("Edit");mHelp=new Menu("Help");

}

public void launchFrame() {mb.add(mFile);mb.add(mEdit);mb.setHelpMenu(mHelp);f.setMenuBar(mb);f.setVisible(true);

}

public static void main(String args[]) {CreateMenu guiWindow=new CreateMenu();guiWindow.launchFrame();

}}

Page 9: Membangun Aplikasi  GUI

Membuat Menu ItemMembuat Menu Itemimport java.awt.*;

public class CreateMenuItem {

private Frame f;

private MenuBar mb;

private Menu mFile, mEdit, mHelp;

private MenuItem miNew, miSave, miQuit;

public CreateMenuItem() {

f=new Frame("Creating menu item...");

mb=new MenuBar();

mFile=new Menu("File");

mEdit=new Menu("Edit");

mHelp=new Menu("Help");

miNew=new MenuItem("New");

miSave=new MenuItem("Save");

miQuit=new MenuItem("Quit");

}

public void launchFrame() {mFile.add(miNew);mFile.add(miSave);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[]) {CreateMenuItem guiApp=new CreateMenuItem();guiApp.launchFrame();

}}

Page 10: Membangun Aplikasi  GUI

Membuat Menu ItemMembuat Menu Item

Tambahkan ActionListener pada MenuItem untuk menghandle event yang diinginkan

Page 11: Membangun Aplikasi  GUI

MembuatMembuatCheckbox Menu ItemCheckbox 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() {

f=new Frame("Creating checkbox menu item...");

mb=new MenuBar();

mFile=new Menu("File");

mEdit=new Menu("Edit");

mHelp=new Menu("Help");

miNew=new MenuItem("New");

miSave=new MenuItem("Save");

miQuit=new MenuItem("Quit");

miLoad=new 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();

}}

Page 12: Membangun Aplikasi  GUI

MembuatMembuatCheckbox Menu ItemCheckbox Menu Item

• Gunakan interface ItemListener untuk memonitor CheckboxMenuItem

• Panggil method itemStateChanged() ketika terjadi modifikasi state pada checkbox

Page 13: Membangun Aplikasi  GUI
Page 14: Membangun Aplikasi  GUI
Page 15: Membangun Aplikasi  GUI
Page 16: Membangun Aplikasi  GUI
Page 17: Membangun Aplikasi  GUI
Page 18: Membangun Aplikasi  GUI
Page 19: Membangun Aplikasi  GUI
Page 20: Membangun Aplikasi  GUI
Page 21: Membangun Aplikasi  GUI

Mengontrol Aspek VisualMengontrol 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)

Page 22: Membangun Aplikasi  GUI

SwingSwing

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