You are on page 1of 6

Pengertian dan macam macam Layout Manager Artikel ini hanyalah sebuah contoh untuk yang lebih lengkap

dan lebih jelas bisa download link di bawah Pengertian Layout Manager Digunakan dalam organisasi dari panel dan bingkai. Tata letak yang tetap seharusnya dipilih untuk mengakomodasikan, resizings frame dan penggunaan

 

layout manager bertugas menyusun komponen-komponen(button, label, checkbox, dll) di dalam suatu container (panel, frame, dll). Layout manager menentukan posisi danukuran setiap komponen di dalam container. Proses ini akan berbeda untuk setiap class layout yang digunakan. AWT dan Swing memiliki beberapa layout manager standar yang penggunaannya seringkali dikombinasikan sesuai situasi dan kebutuhan kita. Untuk mengubah Default Layout Manager setiap container memiliki default layout manager.

Pada saat kita membuat sebuah container (misal: panel, frame, tabbed pane, split pane, dll), maka container tsb memiliki objek LayoutManager masing-masing. Kita dapat mengubah layout manager default tersebut dengan suatu layout yang baru dengan menggunakan method “setLayout()” Contoh:

 

Default layout manager untuk JFrame adalah: FlowLayout Kita dapat mengubah layout tersebut misalnya:myFrame.setLayout(new BorderLayout()); Macam-macam Standard Layout Manager terdiri dari: dengan cara

panel1. Pada dasarnya. Penggunaan GridLayout   . Ada 3 constructor untuk GridLayout: bentuk “rectangular GridLayout(): membuat layout dengan satu kolom per komponen. int hgap. FlowLayout menyusun komponen berdasarkan ukuran defaultmasingmasing. GridLayout(int rows. GridLayout GridLayout menempatkan komponen dalam grid”. atau RIGHT serta “padding” horizontal/vertical. int cols): membuat suatu layout berdasarkan jumlah baris dan kolom yang diinginkan.     2. untuk aplikasi sesungguhnya. int cols. Artinya. Secara default. Penggunaan FlowLayout Contoh: JPanel panel1 = new JPanel(). FlowLayout FlowLayout merupakan layout manager yang simpel. CENTER. GridLayout menempatkan komponen dengan urutan dari kiri ke kanan dan dari atas ke bawah. GridLayout akan memaksa setiap komponen untuk menempati space container yang kosong serta membagi rata ukuran space tersebut. FlowLayout merupakan default untuk JPanel. dengan posisi mulai dari kiri ke kanan dan dari atas ke bawah di dalam container yang digunakan. flow layout menggunakan justification CENTER. semua komponen akan disimpan di posisi tengah-tengah. Hanya satu baris yang digunakan. kita tidak disarankan menggunakan FlowLayout karena sifatnya yang tidak bisa memposisikan komponen dengan pasti.             FlowLayout GridLayout BorderLayout BoxLayout CardLayout GridBagLayout SpringLayout GroupLayout 1.setLayout(new FlowLayout()). serta ukuran jarak (gap) horisontal maupun vertical untuk setiap baris dan kolom tersebut. int vgap): membuat layout berdasarkan jumlah baris dan kolom yang diinginkan. FlowLayout dapat memiliki “row justification”: LEFT. GridLayout(int rows.

 Contoh: GridLayout(2.NORTH ).add(new JButton("Button1").add(new JButton("Button2"). Penggunaan BorderLayout   Pada saat menambahkan suatu komponen kepada container yang memiliki border layout. Contoh: frame. misalnya 2 buah JPanel berukuran sama di dalam sebuah frame. frame. Artinya.0) Artinya: kita membuat layout manager dengan 2 baris dan unlimited number untuk kolomnya.SOUTH ). WEST.  GridLayout paling cocok digunakan untuk menyusun komponen yang berukuran sama. kita tidak mempedulikan berapa banyak komponen yang akan masuk ke dalam dimensi layout manager tersebut. Javax. Karena setiap komponen diasosiasikan dengan suatu arah geografis. kita dapat juga memberikan paddingdi antara komponen.add(panel2). BoxLayout    Layout manager yang telah kita bahas sebelumnya merupakan bagian dari package java. frame. frame. lokasi geografis: Secara optional. Apa yang terjadi kalau kita memiliki 10 komponen? 3. Kita dapat men-set jumlah baris dan kolom dengan angka 0. SOUTH. BorderLayout merupakan layout default untuk JWindowdan JFrame.add(panel1). salah satunya adalah: BoxLayout. kita harus menentukan secara bersamaan komponen-nya dan posisi-nya.awt. frame. 4. BorderLayout     BorderLayout menyusun komponen berdasarkan NORTH. 1)). BorderLayout. Layout manager ini sangat berguna untuk membuat toolbarssederhana atau vertical button bars. EAST. BorderLayout.swingmemiliki beberapa tambahan layout manager lagi.setLayout(new GridLayout(2.setLayout(new BorderLayout( )). and CENTER. akibatnya layout ini hanya dapat menangani maksimal 5 komponen. Contoh: frame. .

6. . tanpa batas. kita dapat menciptakan layout apapun juga. Logical coordinate berarti bahwa koordinat suatu komponen ditentukan oleh sekumpulan komponen lainnya. CardLayout CardLayout merupakan layout manager yang mampu menciptakan efek “tumpukan” komponen. Cara kerjanya sangat sederhana yaitu menempatkan komponen dalam satu baris atau satu kolom. Box memiliki beberapa methodsyang akan mempermudah kita dalam menggunakan BoxLayout manager. Layout ini memampukan kita untuk memposisikan komponen relatif terhadap komponen lainnya berdasarkan constraint tertentu.Di balik button “one”. kita perlu mempelajari terlebih dahulu mengenai “event-driven programming” seperti yang ada di Latihan 5.terdapat komponen lainnya. Penggunaan BoxLayout Untuk mempermudah penggunaan BoxLayout. Komponen disusun pada koordinat tertentu pada sebuah grid yang disebut “logical coordinate”. Namun. GridBagLayout      GridBagLayout merupakan layaout manager yang sangat fleksibel. Artinya. sebenarnya kita dapat membuat panel tersebut dengan menggunakan komponen JTabbedPane. layout ini tidak memposisikan komponen di lokasi-lokasi tertentu di dalam kontainer. Penggunaan CardLayout    Penggunaan CardLayout biasanya untuk membuat panel yang bersifat custom-tabbed. yaitu: createHorizontalBox() untuk membuat box horizontal createHorizontalGlue() untuk merekatkan komponen createHorizontalStrut(int n) untuk memberi jarak antar komponen createVerticalBox() untuk membuat box vertical createVerticalGlue() untuk merekatkan komponen createVerticalStrut(int n) untuk memberi jarak antar komponen     5. melainkan menampilkannya satu demi satu. Dengan menggunakan GridBagLayout. Swing menyediakan sebuah kelas yang bernama Boxyaitu sebuah container yang secara otomatismemiliki BoxLayout manager. Untuk mempraktekkan cara kerja dan efek “tumpukan”dari CardLayout ini.

Sebenarnya. .add layout.getContentPane () SpringLayout layout contentPane.WEST. Contoh progam import java. SpringLayout. ( SpringLayout.swing. import java. . .Component. Anda mungkin mendefinisikan bahwa tepi kiri satu komponen adalah jarak tertentu (yang dapat dinamis dihitung) dari tepi kanan dari komponen kedua.EXIT_ON_CLOSE ) Container contentPane = frame. ( right ) . SpringLayout.awt.putConstraint left right ( = new SpringLayout layout = new JLabel = new JTextField ) () { { . . left.awt. import javax.setDefaultCloseOperation ( JFrame. StringLayout SpringLayout adalah manajer layout yang fleksibel yang dirancang untuk digunakan oleh pembangun GUI. ( "Left" ) ( 15 ) ( left ) .swing. import javax. Penggunaan GridBag   Walaupun fleksibel.Container. ) . .WEST. Baris dan kolom dari grid tersebut bersifat “stretch” yang bergantung pada sizedan constraintyang dimilikinya.swing.NORTH.add contentPane. 10 .swing. import javax. public class SpringSample public static void main ( String args []) JFrame frame = new JFrame ( "SpringLayout" ) frame.JTextField.JLabel.SpringLayout.NORTH. penggunaan GridBagLayout ini jauh lebih mudah apabila kita menggunakan tools yang mendukung WYSIWYG GUI builder. 25 .setLayout Component Component contentPane. (contohnya: NetBeans IDE) 7.JFrame. import javax. ( SpringLayout. . left. Ini memungkinkan Anda menentukan hubungan yang tepat antara tepi komponen di bawah kontrol. pembuatan GridBag ini terkadang sangat membingungkan karena kita harus mengatur berbagai sizedan constraint dari setiap komponen yang digunakan. Sebagai contoh. .putConstraint contentPane layout.

contentPane ) . . Jendela Cari ditunjukkan di atas adalah contoh dari GroupLayout . Akibatnya. GroupLayout bekerja dengan layout horisontal dan vertikal secara terpisah. .WEST.NORTH. tetapi juga dapat digunakan secara manual.putConstraint ( SpringLayout.EAST.NORTH. Tata letak didefinisikan untuk setiap dimensi secara independen. layout. right. SpringLayout. 20 . frame. setiap komponen harus didefinisikan dua kali dalam tata letak. bagaimanapun. right. 100 ) ( true ) . SpringLayout. 8. GroupLayout GroupLayout adalah manajer layout yang dikembangkan untuk digunakan oleh alat pembangun GUI. left ) .contentPane ) .putConstraint ( SpringLayout. 25 .setSize frame.setVisible } } ( 300 . layout.