Pertemuan IX

                                  MANAJEMEN LAYOUT

DASAR TEORI

   Manajemen pemasangan komponen (manajemen layout) diperlukan untuk mengatur penempatan komponen didalam frame agar bisa menghasilkan bentuk interface  yang menarik. Penggunaan layout manager dalam menggunakan letak komponen juga akan memudahkan kita menempelkan komponen pada frame. Java menyediakan sejumlah metode layout dalam mengatur penempelan komponen ke dalam frame. Kita boleh mengkombinasikan beberapa metode agar pemasangan komponen menjadi lebih baik dan mudah. Method setLayout() digunakan untuk mengatur jenis metode yang digunakan pada saat pemasangan komponen.

A. Metode Flayout
       
        Metode Flayout menempati komponen di frame berdasarkan urutan komponen-komponen tersebut ditempelkan ke frame. Penyusunan dimulai dari kiri ke kanan dan dari atas ke bawah. Dengan demikian urutan pemasukan komponen menjadi penting. Secara default seluruh komponen yang ditambahkan dengan metode FlowLayout akan ditampilkan dengan rata tengah,namun metode FlowLayout memiliki konstanta LEFT,CENTER,dan RIGHT untuk mengatur perataan komponen yang diinginkan.


B. Metode GridLayout 
  
       Metode GridLayout akan membagi area layar menjadi sejumlah tempat dalam bentuk matriks ukuran yang sama. Area layar dibagi dalam format baris dan kolom. Akibatnya setiap komponen akan memiliki ukuran yang sama,tidak peduli bagaimana ukuran sebenarnya. Setiap kali terjadi perubahan ukuran frame,ukuran setiap komponen juga akan berubah. Pada prinsipnya yang dipertahankan  adalah jumlah baris dan kolom yang telah ditentukan.


C. Metode BorderLayout

       Metode BorderLayout menggunakan konsep arah mata angin dalam memasang komponen. Class BorderLayout menyediakan lima konstanta yang menyatakan arah mata angin,yaitu NORTH,EAST,SOUTH,WEST,dan CENTER.
       
       Jika salah satu tidak digunakan,maka lokasi yang berdekatan akan menggunakan lokasi tersebut sebagai perluasan dari wilayahnya. Metode ini tidak memperhatikan urutan pemasukan komponen.


D. Metode NoneLayout

       Metode NoneLayout tidak cukup fleksibel digunakan. Oleh karena itu harus mengatur lokasi  tiap object titik demi titik. Tiap objectnya di tentukan oleh koordinat di dalam window. Jika dilihat dari hal kerapian dan kebebasan mengatur tampilan  sendiri,layout ini menempati peringkat teratas dari semua alternatif layout.



Langkah-Langkah Praktikum

A. Membuat Program CobaFlowLayout.java


import java.awt.*;
import javax.swing.*;

class FLayout extends JFrame {
JButton tombolSave, tombolEdit, tombolDelete, tombolOpen;

public FLayout() {
setTitle("FLOWLAYOUT");
tombolOpen = new JButton("OPEN");
tombolOpen.setMnemonic('O');
tombolSave = new JButton("SAVE");
tombolSave.setMnemonic('S');
tombolEdit = new JButton("EDIT");
tombolEdit.setMnemonic('E');
tombolDelete = new JButton("DELETE");
tombolDelete.setMnemonic('D');

setLayout(new FlowLayout());
add(tombolOpen);
add(tombolSave);
add(tombolEdit);
add(tombolDelete);

pack();
setVisible(true);
setDefaultCloseOperation(EXIT_ON_CLOSE);
}
}

public class CobaFlowLayout {
public static void main(String[] args) {
FLayout f  = new FLayout();
}

}


Outputnya :




B. Membuat Program CobaLayout.java

import java.awt.*;
import javax.swing.*;

class GLayout extends JFrame {
JButton tombolSave, tombolEdit, tombolDelete, tombolOpen, tombolCopy, tombolPaste;

public GLayout() {
setTitle("GRIDLAYOUT");
tombolOpen = new JButton("OPEN");
tombolOpen.setMnemonic('O');
tombolSave = new JButton("SAVE");
tombolSave.setMnemonic('S');
tombolEdit = new JButton("EDIT");
tombolEdit.setMnemonic('E');
tombolDelete = new JButton("DELETE");
tombolDelete.setMnemonic('D');
tombolCopy = new JButton("Copy");
tombolCopy.setMnemonic('C');
tombolPaste = new JButton("Paste");
tombolPaste.setMnemonic('P');

setLayout(new GridLayout(3,2));
add(tombolOpen);
add(tombolSave);
add(tombolEdit);
add(tombolDelete);
add(tombolCopy);
add(tombolPaste);

pack();
setVisible(true);
setDefaultCloseOperation(EXIT_ON_CLOSE);
}
}

public class CobaGridLayout {
public static void main(String[] args) {
GLayout g  = new GLayout();
}

}

Outputnya :

C. Membuat Program cobaBorderLayout.java


import java.awt.*;
import javax.swing.*;

class BLayout extends JFrame {
JButton tombolSave, tombolEdit, tombolDelete, tombolOpen;
JLabel laberGambar;
public BLayout() {
setTitle("Border Layout");
tombolOpen = new JButton("Open");
tombolOpen.setMnemonic('O');
tombolSave = new JButton("Save");
tombolSave.setMnemonic('S');
tombolEdit = new JButton("Edit");
tombolEdit.setMnemonic('E');
tombolDelete = new JButton("Delete");
tombolDelete.setMnemonic('D');
//labelGambar = new JLabel(new ImageIcon("Image/Satu.jpg"));
setLayout(new BorderLayout());
add(tombolOpen, "North");
add(tombolSave, "West");
add(tombolEdit, "Center");
add(tombolDelete, "South");
setSize(400, 300);
setVisible(true);
setDefaultCloseOperation(EXIT_ON_CLOSE);
}
}

public class cobaBorderLayout {
public static void main(String[] args) {
BLayout b  = new BLayout();
}

}

Outputnya :




D. Membuat Program cobaNullLayout.java

import java.awt.*;
import javax.swing.*;

class NLayout extends JFrame {
JButton tombolSave, tombolEdit, tombolDelete, tombolOpen;

public NLayout() {
  setTitle("NONELAYOUT");
  tombolOpen = new JButton("OPEN");
  tombolOpen.setMnemonic('O');
  tombolSave = new JButton("SAVE");
  tombolSave.setMnemonic('S');
tombolEdit= new JButton("EDIT");
tombolEdit.setMnemonic('E');
tombolDelete = new JButton("DELETE");
tombolDelete.setMnemonic('D');

setLayout(null);
add(tombolOpen);
add(tombolSave);
add(tombolEdit);
add(tombolDelete);
tombolOpen.setBounds(50,20,100,20);
  tombolSave.setBounds(150,20,100,20);
  tombolEdit.setBounds(50,50,100,20);
tombolDelete.setBounds(150,50,100,20);

setSize(330,130);
setVisible(true);
setDefaultCloseOperation(EXIT_ON_CLOSE);
}
}

public class cobaNullLayout {
public static void main (String[] args) {
NLayout n = new NLayout();
}

}

Outputnya :




E. Membuat Program frameAWT.java

import java.awt.*;
public class frameAWT {
public static void main(String[] args) {
Frame myFrame=new Frame("Demo program AWT");
myFrame.setLayout(new BorderLayout());
Label labelPil=new Label("Title Pilihan Buah");

myFrame.add(labelPil,BorderLayout.NORTH);
Panel myPanel=new Panel(new BorderLayout());
Label labelBuah=new Label("Buah= ");
Choice myChoice=new Choice();
myChoice.add("Mangga");
myChoice.add("Pisang");
myChoice.add("Jeruk");
myChoice.add("Apel");
myChoice.add("Anggur");
myChoice.add("Nangka");
myFrame.add(myPanel,BorderLayout.SOUTH);
myFrame.setSize(300,200);
myPanel.add(myChoice,BorderLayout.EAST);
myFrame.show();
}

}

Outputnya :





F. Membuat Program objekGUI.java

import javax.swing.*;
class GUI extends JFrame {
JLabel lNama = new JLabel("Nama Lengkap : ");
final JTextField fNama = new JTextField(10);
JLabel lJnsKlmn = new JLabel("Jenis Kelamin : ");
JRadioButton rBPria = new JRadioButton("Laki-laki");
JRadioButton rBWanita = new JRadioButton("Perempuan");
JLabel lAgama = new JLabel("Agama : ");
String [] NamaAgama = {"Islam", "Kristen", "Katolik", "Hindu", "Budha"};
JComboBox cMBAgama = new JComboBox(NamaAgama);
JLabel lHobby = new JLabel("Hobby : ");
JCheckBox cBSepakBola = new JCheckBox("SepakBola");
JCheckBox cBBasket = new JCheckBox("Basket");
JButton bTNSave = new JButton("OK");

public GUI() {
setTitle("Mencoba kombinasi komponen GUI");
setDefaultCloseOperation(3);
setSize(350,200);
ButtonGroup Group = new ButtonGroup();
Group.add(rBPria);
Group.add(rBWanita);

setLayout(null);
add(lNama);
add(fNama);
add(lJnsKlmn);
add(rBPria);
add(rBWanita);
add(lAgama);
add(cMBAgama);
add(lHobby);
add(cBSepakBola);
add(cBBasket);
add(bTNSave);

lNama.setBounds(10,10,120,20);
fNama.setBounds(130,10,150,20);
lJnsKlmn.setBounds(10,35,120,20);
rBPria.setBounds(130,35,100,20);
rBWanita.setBounds(230,35,100,20);
lAgama.setBounds(130,60,150,20);
cMBAgama.setBounds(130,60,100,20);
lHobby.setBounds(10,85,120,20);
cBSepakBola.setBounds(130,85,100,20);
cBBasket.setBounds(230,85,150,20);
bTNSave.setBounds(100,130,120,20);
fNama.setBounds(130,10,150,20);
setVisible(true);
}
}

class objekGUI {
public static void main(String[]args) {
GUI G = new GUI();
}

}

Outputnya :

G. Tugas 

Buatlah sebuah frame yang di dalamnya terdapat  semua jenis layout yang telah anda pelajari,seperti di bawah ini :

import java.awt.*;
import javax.swing.*;
class GLayout extends JFrame{
JButton tombol0, tombol1, tombol2, tombol3,tombol4, tombol5, tombol6, tombol7,tombol8, tombol9, tombol10, tombol11;
JLabel labelGambar;
JPanel P1,P2,P3;
public GLayout() {
setTitle("MULTI LAYOUT");
tombol0 = new JButton("0");
tombol0.setMnemonic('O');
tombol1 = new JButton("1");
tombol1.setMnemonic('S');
tombol2 = new JButton("2");
tombol2.setMnemonic('E');
tombol3 = new JButton("3");
tombol3.setMnemonic('D');
tombol4 = new JButton("4");
tombol4.setMnemonic('O');
tombol5 = new JButton("5");
tombol5.setMnemonic('S');
tombol6 = new JButton("6");
tombol6.setMnemonic('E');
tombol7 = new JButton("7");
tombol7.setMnemonic('D');
tombol8 = new JButton("8");
tombol8.setMnemonic('O');
tombol9 = new JButton("9");
tombol9.setMnemonic('S');
tombol10 = new JButton("10");
tombol10.setMnemonic('E');
tombol11 = new JButton("11");
tombol11.setMnemonic('D');

P1 = new JPanel();
P2 = new JPanel();
P3 = new JPanel();
setLayout(new GridLayout(1,3));
add(P1);
add(P2);
add(P3);

P1.setLayout(new FlowLayout());
P1.add(tombol0);
P1.add(tombol1);
P1.add(tombol2);
P1.add(tombol3);

P2.setLayout (null);
P2.add(tombol4);
P2.add(tombol5);
P2.add(tombol6);
P2.add(tombol7);
tombol4.setBounds(10,10,70,20);
tombol5.setBounds(10,30,70,20);
tombol6.setBounds(10,50,70,20);
tombol7.setBounds(10 ,70,70,20);

P3.setLayout(new GridLayout(2,1));
P3.add(tombol8);
P3.add(tombol9);
P3.add(tombol10);
P3.add(tombol11);

setSize(600,170);
setVisible(true);
setDefaultCloseOperation(EXIT_ON_CLOSE);
}
}
public class TugasMultyLayout1 {
public static void main(String[] args) {
GLayout g = new GLayout();
}

}


Outputnya :