Dickynd’s Weblog

Just another WordPress.com weblog

Manajemen Layout

Posted by dickynd pada Oktober 6, 2008

Laporan Praktikum Java II

Modul II

Manajemen Layout

1. CobaBorderLayout

a. Listing Program

b. Penjelasan Program

  1. package modulii : Baris program ini merupakan pembuatan class pada package(folder) modulii.

  2. import java.awt.* : Baris program ini berfungsi untuk menggimport semua class yang ada pada package java.awt agar dapat mengakses/menggunakan segala komponen yang ada pada package tersebut jadi awt sekarang berfungsi untuk pembuatan layout.

  3. import javax.swing.* : Baris program ini merupakan baris yang berfungsi untuk mengimport semua yang ada pada package javax.swing, agar dapat mengunakan semua class yang terdapat pada package tersebut.

  4. class BLayout extends JFrame : Baris program ini merupakan pembuatan class dengan nama BLayout yang mewarisi class JFrame dimana semua method yang terdapat pada class JFrame secara otomatis dapat digunakan oleh class BLayout.

  5. JButton tombolSave, tombolEdit, tombolDelete, tombolOpen : Baris program ini merupakan deklarasi objek dari class Jbutton.

  6. JLabel labelgambar : Baris program ini merupakan deklarasi objek dari class JLabel.

  7. public BLayout() : Baris program ini merupakan constructor dari class BLayout dimana pada saat class BLayout dirun maka yang pertama akan dieksekusi adalah construtor.

  8. setTitle(“Border Layout”) : Baris program ini merupakan penggunaan method setTitle pada class JFrame yang berfunsi untuk memberikan judul Border Layout pada frame.

  9. tombolOpen = new JButton(“Open”) : Baris program ini merupakan intansiasi atau pembentukan objek tombolOpen dari class JButton dengan parameter input “Open” sebagai title dari objek tombolOpen.

  10. tombolOpen.setMnemonic(‘O’) : Baris program ini berfungsi untuk mengakses atau memanggil method setMnemonic, dimana method setMnemonic sendiri berfungsi untuk memberikan funsi pada keyboard apabila ditekan alt + o maka objek tombolOpen akan dieksekusi atau seperti diklik dengan mouse.

  11. labelGambar = new JLabel(new ImageIcon(“Image/Garong.jpg”)) : Baris program ini merupakan instansiasi/pembentukkan objek labelGambar dari class JLabel dengan parameter input untuk meload gambar icon pada folder image dengan nama file Garong.jpg.

  12. setLayout(new BorderLayout()) : Baris program ini merupakan pengaksesan method setLayout dari class JFrame yang berfungsi untuk mengset layout dengan layout yang bertipe borde dimana tipe layout border merupakan tipe layout yang meletakkan komponen berdasarkan arah mata angin yaitu utara, selatan, timut, barat dan center.

  13. add(tombolOpen,”North”) : Baris program ini berfungsi menambahkan objek tombol open pada layout border di arah utara. Untuk peletakkan objek lainnya disesuaikan dengan baris program berikut hanya saja arahnya/tempatnya dirubah. Jadi format untuk layout border

  14. pack() : Baris program ini merupakan method pack() berfungsi untuk mengset ukuran frame secara default atau ukurannya akan menyesuaikan dengan objek-objek yang terdapat dalam frame.

  15. setVisible(true) : Baris program ini merupakan method setVisible dengan tipe boolean yang berfungsi menampilkan frame. Dan apabilan bernilai false maka frame tidak akan ditampilkan.

  16. setDefaultCloseOperation(EXIT_ON_CLOSE) : Baris program ini berfungsi untuk mengakses method setDefaultCloseOperation yang berfungsi apabila tombol close klik maka frama akan di tutup.

  17. public class CobaBorderLayout : Baris program ini merupakan pembuatan class dengan nama CobaBorderLayout.

  18. public static void main(String[] args): Baris program ini berfungsi sebagai program utama yang akan dijalankan ketika program dirun sehingga program ini disimpan dengan nama class yang terdapat baris program utamanya.

  19. BLayout b =new BLayout() : Baris program ini merupakan instansiasi objek b dari kelas BLayout yang terletak dalam baris progam utama dan pada saat dirun maka yang akan dijalankan adalah konstruktor dari class BLayout.

c. Output Program

2. CobaFlowLayout

a. Listing Program

b. Penjelasan Program

  1. package modulii : Baris program ini merupakan pembuatan class pada package(folder) modulii.

  2. import java.awt.* : Baris program ini berfungsi untuk menggimport semua class yang ada pada package java.awt agar dapat mengakses/menggunakan segala komponen yang ada pada package tersebut jadi awt sekarang berfungsi untuk menggunakan class / method setlayout.

  3. import javax.swing.* : Baris program ini merupakan baris yang berfungsi untuk mengimport semua yang ada pada package javax.swing, agar dapat mengunakan semua class yang terdapat pada package tersebut.

  4. class FLayout extends JFrame : Baris program ini merupakan pembuatan class FLayout yang mewarisi sifat dari class JFrame, dimana semua method dan variable diturunkan pada class FLayout.

  5. JButton tombolSave, tombolEdit, tombolDelete, tombolOpen : Baris program ini merupakan deklarasi objek dari class Jbutton.

  6. Baris program di atas merupakan instansiasi objek-objek tombol sekaligus pemberian nama pada tombol-tombol tersebut. Setelah itu objek-objek tombol tersebut menggunakan method setMnemonic yang berfungsi untuk memberikan fungsi pada keybord dengan menekan alt +O maka objek button tersebut akan dieksekusi atau diklik. method setTitle berfungsi untuk memberikan judul pada Frame yaitu Flow Layout.

  7. Baris program diatas berfungsi untuk mengset layout dengan layout tipe flow, dimana tipe layout flow merupakan tipe layout yang meletakkan objek dari kiri ke kanan secara kontinu. Method add berfungsi untuk menambahkan objek button pada frame.

  8. pack() : Baris program ini merupakan method pack() berfungsi untuk mengset ukuran frame secara default atau ukurannya akan menyesuaikan dengan objek-objek yang terdapat dalam frame.

  9. setVisible(true) : Baris program ini merupakan method setVisible dengan tipe boolean yang berfungsi menampilkan frame. Dan apabilan bernilai false maka frame tidak akan ditampilkan.

  10. setDefaultCloseOperation(EXIT_ON_CLOSE) : Baris program ini berfungsi untuk mengakses method setDefaultCloseOperation yang berfungsi apabila tombol close klik maka frama akan di tutup.

  11. public class CobaFlowLayout : Baris program ini merupakan pembuatan class dengan nama CobaBorderLayout.

  12. public static void main(String[] args): Baris program ini berfungsi sebagai program utama yang akan dijalankan ketika program dirun sehingga program ini disimpan dengan nama class yang terdapat baris program utamanya.

  13. FLayout f =new FLayout() : Baris program ini merupakan instansiasi objek b dari kelas BLayout yang terletak dalam baris progam utama dan pada saat dirun maka yang akan dijalankan adalah konstruktor dari class FLayout.

c. Output Program

3. CobaGridLayout

a. Listing Program

b. Penjelasan Program

  1. Baris program di atas merupakan instansiasi objek-objek tombol sekaligus pemberian nama pada tombol-tombol tersebut. Setelah itu objek-objek tombol tersebut menggunakan method setMnemonic yang berfungsi untuk memberikan fungsi pada keybord dengan menekan alt +O maka objek button tersebut akan dieksekusi atau diklik. method setTitle berfungsi untuk memberikan judul pada Frame yaitu Grid Layout.

  2. Baris program diatas berfungsi untuk mengset layout dengan layout tipe Grid, dimana tipe layout flow merupakan tipe layout yang meletakkan objek dengan format table yaitu berdasarkan baris dan kolom, sedangkan format penulisan listing grid layout terbagi 2 yaitu (1) new GridLayout(int x, int y) dimana x baris sedangkan y collums; (2) new GridLayout(int x, int y, int p, int q) dimana perbedaan dengan yang pertama ditambahkan 2 variable input p dan q dimana p adalah width dan q adalah height. Method add berfungsi untuk menambahkan objek button pada frame.

c. Ouput Program

4. CobaNullLayout

a. Listing Program

b. Penjelasan Program

SetLayout null berarti tanpa layout dimana kita menset posisi layout secara manual

  1. Baris program diatas berfungsi untuk mengset layout null atau tanpa layout dan menambahkan objek-objek tombol dalam frame.

  2. Baris program diatas berfungsi meletakkan objek tombol kedalam frame secara manual yaitu dengan menggunakan method setBounds(int x, int y, int p, int q), dimana x adalah coordinate peletakkan objek pada sumbu x, y adalah coordinate peletakkan objek pada sumbu y, p adalah ukuran width dari objek dan q adalah ukuran height dari objek.

  3. setSize() : Baris program ini merupakan method yang berfungsi memberi ukuran pada frame dengan parameter masukan int x, dan y dimana x merupakan width dan y merupakan height.

c. Output Program

5. Membuat Frame dengan JFrame

1. Klik kanan pada package modulii, pilih menu new Jframe Form

2. Kemudian akan muncul tampilan sebagai berikut, kemudian klik finish

3. Kemudian akan mucul Frame visual dan komponen-komponen GUI dengan visual.

4. Membuat Layout pada Frame yaitu dengan klik kanan pada frame, pilih menu setLayout, kemudian pilih layout yang akan digunakan

5. Untuk memasukkan komponen GUI kedalam frame pilih menu palette kemudian drag dan masukkan kedalam Frame

6. Jadi kesimpulannya, membuat frame dan menggunakan komponen GUI dalam pemrograman java dengan cara visual sangatlah mudah dan tanpa mengetikkan source kode, karena source kodenya langsung secara otomatis. Jika ingin melihat source kode pilih source view.

6. Menggunakan dua Layout dalam satu Frame (Border dan Grid Layout)

a. Listing Program

package modulii;

import java.awt.*;

import javax.swing.*;

class GLayout extends JFrame{

JButton tombolSave, tombolEdit, tombolDelete, tombolOpen,tombolSave1, tombolEdit1, tombolDelete1, tombolOpen1;

JLabel labelGambar;

JPanel P1,P2;

public GLayout() {

setTitle(“2 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(“Delate”);

tombolDelete.setMnemonic(‘D’);

labelGambar = new JLabel

(new ImageIcon(“Image/Garong.jpg”));

tombolOpen1 = new JButton(“Open1”);

tombolOpen1.setMnemonic(‘O’);

tombolSave1 = new JButton(“Save1”);

tombolSave1.setMnemonic(‘S’);

tombolEdit1 = new JButton(“Edit1”);

tombolEdit1.setMnemonic(‘E’);

tombolDelete1 = new JButton(“Delate1”);

tombolDelete1.setMnemonic(‘D’);

P1 = new JPanel();

P2 = new JPanel();

setLayout(new GridLayout(1,2));

add(P1);

add(P2);

P1.setLayout(new BorderLayout());

P1.add(tombolOpen,”North”);

P1.add(tombolSave,”West”);

P1.add(labelGambar,”Center”);

P1.add(tombolEdit,”East”);

P1.add(tombolDelete,”South”);

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

P2.add(tombolOpen1);

P2.add(tombolSave1);

P2.add(tombolEdit1);

P2.add(tombolDelete1);

setSize(800,600);

setVisible(true);

setDefaultCloseOperation(EXIT_ON_CLOSE);

}

}

public class Test {

public static void main(String[] args) {

GLayout g= new GLayout();

}

}

b. Penjelasan Program

Untuk membuat dua layout yaitu border dan grid layout hampir sama dengan program-program sebelumnya, dimana hanya dimodifikasi sedikit dengan menambahkan 2 JPanel.

  1. package modulii : Baris program ini merupakan pembuatan class pada package(folder) modulii.

  2. import java.awt.* : Baris program ini berfungsi untuk menggimport semua class yang ada pada package java.awt agar dapat mengakses/menggunakan class JPanel, dan untuk membuat layout

  3. import javax.swing.* : Baris program ini merupakan baris yang berfungsi untuk mengimport semua yang ada pada package javax.swing, agar dapat mengunakan semua class yang terdapat pada package tersebut.

  4. Baris program diatas merupakan objek-objek yang dideklarasi untuk membuat 2 Layout, objek-objek tersebut terdiri dari 8 button, 1 label dan 2 panel.

  5. Baris program di atas berfungsi untuk memberikan judul pada objek tombol dan memberikan fungsi pada pada keyboard apabila menekan alt + o.

  6. P1 = new JPanel(); P2 = JPanel() : Baris program ini merupakan instansiasi objek pada P1 dan P2 dari class JPanel.

  7. Baris program diatas merupakan modifikasi dari dua layout yang digunakan yaitu border dan grid layout. (1) Frame di setLayout Grid dengan parameter input (1,2) yang berarti 1 baris dan 2 kolom; (2) Menambahkan panel 1 dan 2 kedalam frame sehingga secara default panel tersebut akan menyesuaikan dengan layout sehingga panel mengikuti besar frame dan layout; (3) Kemudian panel 1 di setLayout Border sehingga kita tinggal memasukkan objek tombol kedalam panel satu berdasarkan arah mata angin; (4) dan terakhir kita tinggal mengseLayout Grid panel 2 dengan parameter input (2,2) yang berarti 2 baris dan 2 collums sehingga kita tinggal memasukkan objek tombol maka akan secara otomatis mengikut besar dari panel.

  8. Dan pada akhirnya tinggal menset ukuran dari Frame dengan menggunakan method setSize, kemudian menampilkan Frame dengan method setVisible(true), dan untuk menutup frame dengan menggunakan method setDefaultCloseOperation(EXIT_ON_CLOSE).

c. Output Program

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: