Layout Pada Java 1

Layout pada java digunakan untuk mengatur posisi dari komponen visual penyusun program sesuai dengan desain user interface yang telah dirancang sebelumnya. Terdapat beberapa pilihan layout yang telah disediakan bahasa java yaitu :

1. Flow Layout
2. Border Layout
3. Grid Layout
4. None Layout
5. Card Layout
6. Grid Bag Layout

tetapi pada kali ini saya akan membahas sampai pada None Layout saja, untuk Card Layout dan Grid Bag Layout mungki akan dikupas pada penulisan berikutnya.
oke,,
sekarang kita akan membahas satu-satu mengenai layout tersebut.
1. Flow Layout
     Flow layout ini adalah jenis pengaturan layout yang paling sederhana, dimana semua komponen akan tersusun dari kiri ke kanan sepanjang frame, dan akan pindah ke bawah bila telah sampai batas kanan frame.
untuk melakukan pengaturan pada flow layout kita bisa mengetikan kode program :

getContentPane().setLayout(new FlowLayout());

atau jika kita menggunakan panel

panel.setLayout(new FlowLayout());
getContentPane().add(panel);

berikut contoh output program yang menggunakan flow layout.

seperti itu lah flowlayout dimulai dari kiri ke kanan.


2. Border Layout
    Border layout merupakan jenis layout yang bekerja dengan membagi frame menjadi lima bagian yaitu NORTH, EAST, SOUTH, dan CENTER. Komponen-komponen pada GUI bisa diletakkan diletakkan pada bagian-bagian tersebut.
penggunaan pada border layout bisa lihat pada kode program ini :

getContentPane().setLayout(new BorderLayout());
getContentPane().add(nama, "North");
getContentPane().add(txtNama, "East");
getContentPane().add(nim, "Center");
getContentPane().add(txtNim, "West");
getContentPane().add(tombolSimpan, "South");

berikut output program yang menggunakan Border Layout:

terdapat 5 bagian pada frame.



3. Grid Layout
    Grid layout adalah jenis layout yang bekerja berdasar baris dan kolom. dengan layout ini kita dapat memberikan argumen banaknya baris dan kolom sesuai dengan kebutuhan.

penggunaan pada grid layout bisa kita lihat pada kode program dibawah ini:


getContentPane().setLayout(new GridLayout(4,2));
getContentPane().add(nama);
getContentPane().add(txtNama);
getContentPane().add(nim);
getContentPane().add(txtNim);
getContentPane().add(tombolSimpan);

berikut output program yang menggunakan grid layout.

4. None Layout
    None Layout merupakan jenis layout yang dapat menghasilkan tampilan yang rapi karena kita dapat mengatur posisi komponen secara detil berdasarkan koordinatnya. Konesekuensinya dengan menggunakan layout ini waktu yang diperlukan relatif lebih banyak dibanding layout yang lain karena kita perlu menentukan posisi koordinat tiap komponen.

penggunaan pada none layout bisa kita lihat pada kode program dibawah ini:


getContentPane().setLayout(null);
getContentPane().add(nama);
nama.setBounds(10,10,100,25);
getContentPane().add(txtNama);
txtNama.setBounds(150,10,200,20);
getContentPane().add(nim);
nim.setBounds(10,30,100,25);
getContentPane().add(txtNim);
txtNim.setBounds(150,30,100,20);
getContentPane().add(tombolSimpan);
tombolSimpan.setBounds(150,50,100,25);


berikut output program yang menggunakan none layout

seperti itulah kira-kira penggunaan layout pada java, untuk lebih mempermudah pembelajaran bisa download sourcecode nya disini..!


download contoh layout

mudah-mudahan bisa membantu..
thx.