Manajemen Layout II

MANAJEMEN LAYOUT II

Manajemen pemasangan komponen (manajemen layout) diperlukan untuk mengatur penempatan komponen di dalam 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.

dimana Manajemen Layout dibagi menjadi menjadi 4 bagian:

1. Metode FlowLayout
2. Metode GridLayout
3. Metode BorderLayout
4. Metode None Layout

Dimana ke 3 Manajem Layout sudah di jelaskan pada Blog sebelumnya. saat nya membahas Manajemen Layout yang ke 4

Metode None Layout

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

untuk dapat melihat metode none layout maka langkahnya kita memasukan kode dibawah ini dengan menggunkan aplikasi java dan text pad. Berikut adalah koding dari pemerograman None Layout. 

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("Tittle Pilihan Buah");

myFrame.add(labelPil,BorderLayout.NORTH);

Panel myPanel = new Panel(new BorderLayout());

Label labelBuah = new Label("Buah = ");

myPanel.add(labelBuah,BorderLayout.WEST);

Choice myChoice = new Choice();

myChoice.add("Mangga");

myChoice.add("Pisang");

myChoice.add("Jeruk");

myChoice.add("Apple");

myChoice.add("Anggur");

myChoice.add("Nangka");

myFrame.add(myPanel,BorderLayout.SOUTH);

myFrame.setSize(300,200);

myPanel.add(myChoice,BorderLayout.EAST);

myFrame.show();

}

}

setelah mengetikan kode tersebut di TexPad, maka langkah selanjutnya simpan koding tersebut dengan nama frameAWT.java. Lalu jalankan Aplikasi dengan mengingat kembali Tips berikut:

CTRL+1 untuk mengkompile program java

1. CTRL+1 untuk mengkompile program java
2. CTRL+2 untuk menjalankan program java

Maka akan terlihat tampilan seperti gambar berikut ini :

MEMBUAT PROGRAM objekGUI.java

untuk membuat program ObjekGUI.java masukan kode berikut ke dalam TexPad

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(10,60,150,20);

cMBAgama.setBounds(130,60,120,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();

}

}

Simpan dengan nama objekGUI.java

mengingat kembali Tips berikut:

1. CTRL+1 untuk mengkompile program java
2. CTRL+2 untuk menjalankan program java

Maka akan terlihat tampilan seperti gambar berikut ini :

Tugas :

1. Buatlah sebuah form login sederhana dengan tampilan seperti di bawah ini :

untuk menghasilkan Program seperti di atas maka masukan kode di bawah ini:

import javax.swing.*;

class GUI extends JFrame {

                JLabel lNama = new JLabel ("Username     : ");

                final JTextField fNama = new JTextField (10);

                JLabel lpassword = new JLabel ("Password     : ");

                final JTextField fpassword = new JTextField (10);

                JButton bTNSave = new JButton("OK");

                JButton bTNCancel = new JButton("Cancel");

public GUI() {

                setTitle("Login");

                setDefaultCloseOperation(3);

                setSize(350,200);

                ButtonGroup Group = new ButtonGroup();

                setLayout(null);

                add(lNama);

                add(fNama);

                add(lpassword);

                add(fpassword);

                add(bTNSave);

                add(bTNCancel);

                lNama.setBounds(10,10,120,20);

                fNama.setBounds(130,10,150,20);

                lpassword.setBounds(10,35,120,20);

                fpassword.setBounds(130,35,150,20);

                bTNSave.setBounds(50,70,100,20);

                bTNCancel.setBounds(160,70,100,20);

                setVisible(true);

}

}

class login {

                public static void main (String [] args){

                                GUI G = new GUI();

}

}

mengingat kembali Tips berikut:

1. CTRL+1 untuk mengkompile program java
2. CTRL+2 untuk menjalankan program java

Maka akan terlihat tampilan seperti gambar berikut ini :

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

untuk menampilkan hasil seperti gambar diatas maka, masukan kode dibawah ini:

import java.awt.*;

import javax.swing.*;

class Multi extends JFrame{

JButton B1,B2,B3,B4,B5,B6,B7,B8,B9,B10,B11;

JLabel lNama1,lNama2,lNama3;

JPanel P1,P2,P3;

public Multi() {

 setTitle("MULTILAYOUT");

 JLabel lNama1= new JLabel("Flow Layout" );

 JButton B0=new JButton ("0");

 JButton B1=new JButton ("1");

 JButton B2=new JButton ("2");

 JButton B3=new JButton ("3");

 JLabel lNama2= new JLabel("None Layout" );

 JButton B4=new JButton ("4");

 JButton B5=new JButton ("5");

 JButton B6=new JButton ("6");

 JButton B7=new JButton ("7");

 JLabel lNama3= new JLabel("Grid Layout" );

 JButton B8=new JButton ("8");

 JButton B9=new JButton ("9");

 JButton B10=new JButton ("10");

 JButton B11=new JButton ("11");

 P1=new JPanel();

 P2=new JPanel();

 P3=new JPanel();

 setLayout(null);

 add(lNama1);

 add(lNama2);

 add(lNama3);

 add(P1);

 add(P2);

 add(P3);

 lNama1.setBounds(70,10,100,20);

 lNama2.setBounds(220,10,100,20);

 lNama3.setBounds(360,10,100,20);

 P1.setBounds(5,30,200,40);

 P2.setBounds(215,30,200,100);

 P3.setBounds(320,30,200,150);

 P1.setLayout(new FlowLayout());

 P1.add(B0);

 P1.add(B1);

 P1.add(B2);

 P1.add(B3);

 P2.setLayout(null);

 P2.add(B4);

 P2.add(B5);

 P2.add(B6);

 P2.add(B7);

 B4.setBounds(5,10,70,30);

 B5.setBounds(5,30,70,30);

 B6.setBounds(5,50,70,30);

 B7.setBounds(5,70,70,30);

 P3.setLayout(new GridLayout(2,2));

 P3.add(B8);

 P3.add(B9);

 P3.add(B10);

 P3.add(B11);

 P3.setSize(150,150);

 setSize(500,230);

 setVisible(true);

 setDefaultCloseOperation(EXIT_ON_CLOSE);

 }

}

public class MultiLayout1 {

 public static void main(String[] args) {

 Multi l= new Multi();

 }

}

mengingat kembali Tips berikut:

1. CTRL+1 untuk mengkompile program java
2. CTRL+2 untuk menjalankan program java

maka akan muncul tampilan sebagai berikut:

3. Buat sepuluh buah JButton degan menggunakan perulangan, dengan tampilan seperti di bawah ini :

maka untuk menghasilkan program seperti diatas, maka masukan kode di bawah ini:

import javax.swing.*;

class GUI extends JFrame {

  JButton bButton1 = new JButton("BUTTON");

  JButton bButton2 = new JButton("BUTTON");

  JButton bButton3 = new JButton("BUTTON");

  JButton bButton4 = new JButton("BUTTON");

  JButton bButton5 = new JButton("BUTTON");

  JButton bButton6 = new JButton("BUTTON");

  JButton bButton7 = new JButton("BUTTON");

  JButton bButton8 = new JButton("BUTTON");

  JButton bButton9 = new JButton("BUTTON");

  JButton bButton10 = new JButton("BUTTON");

  public GUI() {

setTitle("Menampilkan...");

 setDefaultCloseOperation(3);

 setSize(200,300);

 setLayout(null);

 add(bButton1);

 add(bButton2);

 add(bButton3);

 add(bButton4);

 add(bButton5);

 add(bButton6);

 add(bButton7);

 add(bButton8);

 add(bButton9);

 add(bButton10);

 bButton1.setBounds(30,10,120,20);

 bButton2.setBounds(30,35,120,20);

 bButton3.setBounds(30,60,120,20);

 bButton4.setBounds(30,85,120,20);

 bButton5.setBounds(30,110,120,20);

 bButton6.setBounds(30,135,120,20);

 bButton7.setBounds(30,160,120,20);

 bButton8.setBounds(30,185,120,20);

 bButton9.setBounds(30,210,120,20);

 bButton10.setBounds(30,235,120,20);

 setVisible(true);

  }

 }

 class Buttonku{

  public static void main(String []args){

 GUI G = new GUI();

  }

}

mengingat kembali Tips berikut:

1. CTRL+1 untuk mengkompile program java
2. CTRL+2 untuk menjalankan program java

untuk hasil dapat dilihat pada gambar di bawah ini:

terimakasih telah singgah di blog saya, semoga bermanfaat.

STIKOM TUNAS BANGSA 

Pematangsiantar

TUGAS PROGRAM BERORIENTASI OBJEK

16S03

Delima Syah Putri Sinaga