Pemrograman Java - 4

Post on 05-Feb-2016

90 views 3 download

description

Pemrograman Java - 4. Presented by : Ratri Enggar Pawening. GUI using Swing. (basic). AWT & Swing. Di dalam Java terdapat 2 paket untuk mengembangkan GUI, yaitu AWT (Abstract Window Toolkit) dan Swing . AWT  digunakan unt menyederhanakan implementasi UI - PowerPoint PPT Presentation

Transcript of Pemrograman Java - 4

Pemrograman Java - 4Presented by : Ratri Enggar Pawening

AWT & Swing

Di dalam Java terdapat 2 paket untuk mengembangkan GUI, yaitu AWT (Abstract Window Toolkit) dan Swing.

AWT digunakan unt menyederhanakan implementasi UI

Swing merupakan pengembangan dari AWT dengan menambahkan komponen GUI tetapi masih berdasarkan arditektur AWT

JFrame

Window = Frame

Frame objek yang merepresentasikan suatu area di layar yang berisi sejumlah objek lain untuk menyampaikan info kpd user

Class Jframe berada dalam package yang dipanggil dengan:

import javax.swing.JFrame; Harus selalu ditulis dalam GUI yang kita

buat

JFrame

Cara Pemanggilan JFrame - 1Dipanggil melalui class yang terdapat method main()

JFrame

Cara Pemanggilan JFrame - 2

Dipanggil melalui class lain yang merupakan turunan dari class JFrame

Turunan dari class JFrame

Setelah program dijalankan

Setelah di resize

Masih belum ada judul

JFrame

Memberikan Judul, Close Operation

JFrame

Method setDefaultCloseOperation(int) digunakan untuk menentukan aksi pada saat frame di-close.

Penggunaan CloseOperation ini harus disesuaikan dengan kebutuhan

JFrame

DO_NOTHING_ON_CLOSE Konstanta ini menyatakan tidak ada proses yang akan ditutup. Dengan kata lain frame ini tidak ditutup

HIDE_ON_CLOSE Konstanta ini menyatakan bahwa frame akan dihilangkan dari layar, bukan dari memory. Ini adalah nilai default untuk parameter setDefaultCloseOperation()

DISPOSE_ON_CLOSE Konstanta ini menyatakan bahwa frame akan dihilangkan dari layar dan dari memory

EXIT_ON_CLOSE Konstanta ini menyatakan bahwa pada saat frame ditutup maka keseluruhan program akan ditutup dan dihapus dari memory

Click “close”

Program hanya di-hide, masih ada di memory

Default SettingHIDE_ON_CLOSE

EXIT_ON_CLOSE

Dihapus dari memory

JFrame

Menentukan ukuran dan lokasi frame

setSize(250,300);setLocation(100, 100);

Class Container

Class Container digunakan untuk menempelkan komponen ke dalam frame.

Inisialisasiprivate Container cont = new Container();

JPanelObjek JPanel bisa dimasuki beberapa komponen yang

selanjutnya menjadi objek tunggal. Objek JPanel bersifat abstrak.

Inisialisasi

private JPanel panel = new JPanel();

JLabel

Untuk membuat tulisan pada frame dibutuhkan sebuah objek yang akna mewakili sebuah teks.

private JLabel label = new JLabel("Name");

getText() Untuk memperoleh teks pada label

setText() Mengubah/memberikan text pada label

setFont() Untuk mengubah jenis huruf pada tulisan yang ditampilkan

Method

Inisialisasi

JButton

Untuk membuat objek tombol

private JButton button = new JButton("Save");

Method

Inisialisasi

setEnable(boolean) Tombol.setEnable(false)

setVisible(boolean)

setText()

setFont tombol.setFont(new Font(“Arial”, Font.BOLD,29))

setForeground() tombol.setForeground(Color.blue)

JTextField

Untuk menerima input dari user

private JTextField text = new JTextField();

Method

Inisialisasi

setEnable(boolean) Tombol.setEnable(false)setVisible(boolean)setText()setFont tombol.setFont(new Font(“Arial”,

Font.BOLD,29))setForeground() tombol.setForeground(Color.blue)

Pemasangan Komponen GUI

Metode Langsung

Setiap komponen ditambahkan ke dalam frame dengan menenpati seluruh area frame.

Menggunakan perintah add()

Layout Management

Untuk melakukan penempelan komponen ke dalam frame agar mendapatkan tampilan yang menarik.

setLayout(LayOutManager) digunakan untuk mengatur metode yang digunakan untuk pemasangan komponen

Layout Management

FlowLayout

panel.setLayout(new FlowLayout());panel.add(label);panel.add(text);panel.add(button);panel.add(button1);

Layout Management

GridLayout

panel.setLayout(new GridLayout(2,2));panel.add(label);panel.add(text);panel.add(button);panel.add(button1);

Layout Management

BorderLayout Menggunakan konsep arah mata angin

NORTH

WEST CENTER EAST

SOUTH

NORTH

WEST

panel.setLayout(new BorderLayout());panel.add(button, BorderLayout.NORTH);panel.add(button1, BorderLayout.WEST);panel.add(button2, BorderLayout.CENTER);panel.add(button3, BorderLayout.EAST);panel.add(button4, BorderLayout.SOUTH);