Pemrograman Java - 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. CobaFlowLayouta. Listing Program

b. Penjelasan Program1. 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.7. 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.

8.9. 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.

10. 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.

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

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

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

14. 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.

15. 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. CobaGridLayouta. 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.3. 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. CobaNullLayouta. Listing Program

b. Penjelasan ProgramSetLayout 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.

3. 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.

4. 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 JFrame1. 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 Programpackage 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 ProgramUntuk 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.

5. Baris program diatas merupakan objek-objek yang dideklarasi untuk membuat 2 Layout, objek-

objek tersebut terdiri dari 8 button, 1 label dan 2 panel.

6.

7. Baris program di atas berfungsi untuk memberikan judul pada objek tombol dan memberikan

fungsi pada pada keyboard apabila menekan alt + o.

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

P2 dari class JPanel.

9.

10. 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.

11. 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

Sumber : http://dickynd.wordpress.com/2008/10/06/manajemen-layout/

Edited by : http://gugahhati.blogspot.com/