Transcript TIB09 Pemrograman JAVA – 09 – GUI

Pemrograman JAVA
(TIB09)
GUI
JFrame
• Merupakan Container  menurunkan class
Container
• JFrame dapat diaplikasikan pada class sebagai
turunan
public class Contoh extends
javax.swing.Jframe
{
}
• Dapat juga diinstance sebagai class
• Di dalam Jframe dapat diletakkan komponenkomponen GUI
Contoh Jframe diinheritance
import java.awt.*;
import javax.swing.*;
public class JFrameExample extends JFrame{
public JFrameExample() {
setTitle(“Contoh Jframe”);
setSize(400,150);
setDefaultCloseOperation(Jframe.EXIT_ON_CLOSE);
setVisible(true); //atau show()
}
public static void main(String[] args) {
JFrameExample w = new JFrameExample();
}
}
Contoh Jframe diinstance sebagai
objek
import java.awt.*;
import javax.swing.*;
public class JFrameExample {
public JFrameExample {
JFrame f = new JFrame(“Contoh JFrame");
f.setSize(400, 150);
f.setDefaultCloseOperation(Jframe.EXIT_ON_CLOSE);
f.setVisible(true);
//dapat diganti dengan f.show()
}
public static void main(String[] args) {
JFrameExample w = new JFrameExample();
}
}
• JFrame secara otomatis terdiri atas JRootPane
dan title window.
• JRootPane dapat diisi dengan komponen GUI
seperti Button, image dsb
Container
• Untuk menambahkan komponen pada Frame
maupun mengubah properti Frame, harus
membuat sebuah container yang dapat
dilakukan dengan method getContentPane()
Contoh Container
import java.awt.*;
import javax.swing.*;
public class JFrameExample {
public static void main(String[] args) {
WindowUtilities.setNativeLookAndFeel();
JFrame f = new JFrame(“Contoh JFrame");
f.setSize(400, 150);
Container content = f.getContentPane();
content.setBackground(Color.white);
content.setLayout(new FlowLayout());
content.add(new JButton("Button 1"));
content.add(new JButton("Button 2"));
content.add(new JButton("Button 3"));
f.addWindowListener(new ExitListener());
f.setVisible(true); // dapat diganti dengan f.show()
}
}
JLabel
import java.awt.*;
import javax.swing.*;
//penempatan pada container
c.add(L1);
c.add(L2);
c.add(L3);
c.add(L4);
f.setSize(400, 150);
f.setVisible(true);
}
public class JLabelExample {
JFrame f;
JLabel L1, L2, L3, L4;
public JLabelExample() {
f = new JFrame(“Contoh JLabel");
L1 = new Jlabel (“Label pertama”);
L2 = new Jlabel (“Label kedua”);
Container c = f.getContentPane();
c.setLayout(new FlowLayout());
L3 = new Jlabel (“Label dengan
Allignment”, SwingConstants.LEFT);
L4 = new Jlabel (“Label dengan
Allignment”, SwingConstants.RIGHT);
public static void main(String[] args)
{
new JLabelExample();
}
}
JTextField
import java.awt.*;
import javax.swing.*;
Container c =
f.getContentPane();
c.setLayout(new FlowLayout());
public class JTextFieldExample {
JFrame f;
JLabel L1;
JTextField tF1;
public JLabelExample() {
f = new JFrame(“Contoh
JLabel");
L1 = new Jlabel (“Label
pertama”);
tF1 = new JTextField(25);
//penempatan pada container
c.add(L1);
c.add(tF1);
f.setSize(400, 150);
f.setVisible(true);
}
public static void main(String[]
args) {
new JTextFieldExample();
}
}
JButton
import java.awt.*;
import javax.swing.*;
Container c =
f.getContentPane();
c.setLayout(new FlowLayout());
public class JButtonExample {
JFrame f;
JLabel L1;
JTextField tF1;
JButton b1, b2;
public JButtonExample() {
f = new JFrame(“Contoh
JLabel");
L1 = new Jlabel (“Label
pertama”);
tF1 = new JTextField(25);
b1 = new JButton("OK");
b2 = new JButton("cancel");
//penempatan pada container
c.add(L1);
c.add(tF1);
c.add(b1);
c.add(b2);
f.setSize(400, 150);
f.setVisible(true);
}
public static void main(String[]
args) {
new JButtonExample();
}
}
JPanel
• Jpanel adalah komponen container, sehingga
dapat mengakomodasi komponen-komponen
lainnya.
• Dapat mempunyai Layout sendiri
• Secara default layout dari JPanel adalah
FlowLayout.
Layout Manager
• Berhubungan dengan penempatan komponen
pada container.
• Jenis-jenis Layout:
– BorderLayout
– FlowLayout
– GridLayout
– CardLayout
– Layout Null
BorderLayout
• Mempunyai 5 area yang namanya mengikuti nama arah mata angin NORTH,
WEST, CENTER, EAST, SOUTH
• Contoh:
Container c = f.getContentPane();
c.setLayout(new BorderLayout());
c.add(BorderLayout.NORTH, komponen1);
c.add(BorderLayout.WEST, komponen2);
c.add(BorderLayout.CENTER, komponen3);
c.add(BorderLayout.EAST, komponen4);
c.add(BorderLayout.SOUTH, komponen5);
FlowLayout
• Komponen disusun dari kiri ke kanan dan dari atas ke bawah
• FlowLayout mempunyai allignment LEFT, CENTER dan RIGHT; default
adalah CENTER
• Contoh
c.setLayout(new FlowLayout());
c.add(L1);
c.add(tF1);
c.add(b1);
c.add(b2);
• Dapat ditambahkan parameter hgap dan vgap untuk memberikan jarak
antara satu komponen dengan komponen lainnya dalam satuan piksel
• Contoh:
c.setLayout(new FlowLayout(FlowLayout.RIGHT,40,8));
GridLayout
• Menempatkan komponen pada baris dan
kolom sesuai dengan dimensi yang ditentukan
• Beberapa konstruktor:
– GridLayout(int baris, int kolom);
– GridLayout(int baris, int kolom,
int hgap, int vgap)
• Pembagian sel sama besar
GridBagLayout
• Seperti GridLayout tetapi setiap sel dapat
mempunyai ukuran yang berbeda sesuai
dengan komponen yang menempatinya.
• Intruksi pack() pada frame dalam pemakaian
GridBagLayout akan membuat layar menjadi
kompak sesuai dengan ukuran komponen
yang di dalamnya.
GridBagConstraint
• Setiap komponen yang dimasukkan ke dalam container dapat
mempunyai parameter untuk memberikan ukuran yang diinginkan
– gridheight  tinggi grid
– gridwidth  lebar grid
– gridx dan gridy  koordinat x dan y dalam penempatan komponen
• Contoh:
GridBagConstraint gbc = new GridBagConstraint();
Container c = f.getContentPane();
c.setLayout(new GridBagLayout());
gbc.gridx = 0;
gbc.gridy = 0;
gbc.gridheight = 1;
gbc.gridwidth = 2;
c.add(komponen, gbc);
CardLayout
• Menampilkan window dalam bentuk panel
• Dapat terdiri dari satu atau beberapa panel.
• Perpindahan panel satu dengan panel lainnya
dapat dilakukan dengan first(), last(), next()
dan previous()
• Bentuk lain dari CardLayout yang lebih baik
lagi adalah dengan mempergunakan
JTabbedPane
Contoh CardLayout
Container c = f.getContentPane();
CardLayout card = new CardLayout();
c.setLayout (card);
c.add(komponen1, “Card 1”);
c.add(komponen2, “Card 2”);
c.add(komponen3, “Card 3”);
c.add(komponen4, “Card 4”);
c.add(komponen5, “Card 5”);
c.add(komponen6, “Card 6”);
JTabbedPane
JTabbedPane tabbedPane = new JTabbedPane();
ImageIcon icon = createImageIcon("images/middle.gif");
JComponent panel1 = makeTextPanel("Panel #1");
tabbedPane.addTab("Tab 1", icon, panel1, "Does nothing");
tabbedPane.setMnemonicAt(0, KeyEvent.VK_1);
JComponent panel2 = makeTextPanel("Panel #2");
tabbedPane.addTab("Tab 2", icon, panel2, "Does twice as much nothing");
tabbedPane.setMnemonicAt(1, KeyEvent.VK_2);
JComponent panel3 = makeTextPanel("Panel #3");
tabbedPane.addTab("Tab 3", icon, panel3, "Still does nothing");
tabbedPane.setMnemonicAt(2, KeyEvent.VK_3);
JComponent panel4 = makeTextPanel("Panel #4 (has a preferred size of 410 x 50).");
panel4.setPreferredSize(new Dimension(410, 50));
tabbedPane.addTab("Tab 4", icon, panel4, "Does nothing at all");
tabbedPane.setMnemonicAt(3, KeyEvent.VK_4);
Layout Null
• Dengan memberikan nilai null pada parameter dalam
Method setLayout memungkinkan untuk menentukan
sendiri penempatan komponen dengan koordinat
absolut X, Y
• Penempatan komponen dapat dilakukan dengan
method setBounds(int x, int y, int w, int h);\
• Contoh:
c = f.getContentPane();
c.setLayout(null);
komponen1 = new Jbutton(“Contoh”);
c.add(komponen1);
komponen1.setBounds(21,7,50,25);
Komponen Java swing lainnya
•
•
•
•
•
•
JCheckBox
JRadioButton
JList
JScrollPane
JComboBox
dsb
Window Dialog
• Subwindow yang diasosiasikan dengan aplikasi
dan hanya muncul bila di butuhkan
• Java Swing menyediakan class JOptionPane
• Beberapa method yang disediakan untuk
melayani dialog:
– showMessageDialog()
– showConfirmDialog()
– showOptionDialog()
– showInputDialog()
showMessagedialog
import javax.swing.*;
import java.awt.*;
public class contohDialog {
public static void main(String[] args) {
Jframe layar = new Jframe(“Message Dialog);
JOptionPane.showMessageDialog(layar, “Press OK to
continue”);
layar.setSize(200,80);
layar.setLocation(60,60);
layar.setVisible(true);
layar.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
.
.
}
}
Menu
• Menu ditempatkan pada sebuah menu bar.
• Java Swing menyediakan class JMenuBar untuk
menangani penyediaan bar menu.
JMenuBar namaBarMenu = new JMenuBar();
• JMenuBar merupakan bagian dari JComponent.
• Untuk menempatkan bar menu pada frame
dilakukan dengan method setJMenuBar()
f.setJMenuBar(namaBarMenu);
Menambahkan menu
• Menu yang akan ditambahkan pada bar menu
harus di buat dahulu objeknya dari class JMenu
JMenu namaMenu = JMenu(“Teks pd
menu”);
• Setelah itu baru ditambahkan pada bar menu
dengan method add()
namaBarMenu.add(namaMenu);
• Penambahan menu pada bar menu harus dibuat
objeknya dengan nama yang berbeda!
submenu
• Dalam setiap menu dapat ditambahkan submenu yang dibentuk
dari class JMenuItem.
JMenuItem namaSubMenu1 = new JMenuItem(“submenu
satu”);
JMenuItem namaSubMenu2 = new JMenuItem(“submenu
dua”);
JMenuItem namaSubMenu3 = new JMenuItem(“submenu
tiga”);
• Penambahan submenu dilakukan langsung pada menu yang
menjadi menu induknya.
namaMenu.add(namaSubMenu1);
namaMenu.add(namaSubMenu2);
namaMenu.add(namaSubMenu3);
addSeparator
• Jika diperlukan pemisah antara sub menu,
maka dapat dipanggil metoda addSeparator()
pada sub menu ybs.
Isue menu yang lain
• JCheckBoxMenuItem
Tugas Mandiri
Bikin Presentasi untuk menjelaskan Salah satu Class ataupun
Method berikut ini: (materi yang anda bahas sesuai dengan
angka terakhir NIM anda – untuk nim yang berakhir dengan
0 dan 9 kerjakan materi nomor 9
1.
2.
3.
4.
5.
6.
7.
8.
9.
JCheckBox
JRadioButton
JList
JScrollPane
JComboBox
showConfirmDialog()
showOptionDialog()
showInputDialog()
JCheckBoxMenuItem