View
506
Download
3
Category
Preview:
DESCRIPTION
Manajemen layout pada Java
Citation preview
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/
Recommended