JavaFX - Panel Tata Letak (Kontainer)

Setelah membangun semua node yang diperlukan dalam sebuah adegan, kami biasanya akan mengaturnya secara berurutan.

Susunan komponen di dalam wadah ini disebut Tata Letak wadah. Kami juga dapat mengatakan bahwa kami mengikuti tata letak karena termasuk menempatkan semua komponen pada posisi tertentu di dalam wadah.

JavaFX menyediakan beberapa tata letak standar seperti HBox, VBox, Border Pane, Stack Pane, Text Flow, Anchor Pane, Title Pane, Grid Pane, Flow Panel, dll.

Masing-masing tata letak yang disebutkan di atas diwakili oleh sebuah kelas dan semua kelas ini milik paket javafx.layout. Kelas bernamaPane adalah kelas dasar dari semua tata letak di JavaFX.

Membuat Tata Letak

Untuk membuat tata letak, Anda perlu -

• Buat node.
• Buat instance kelas masing-masing dari tata letak yang diperlukan.
• Setel properti tata letak.
• Tambahkan semua node yang dibuat ke tata letak.

Membuat Node

Pertama-tama, buat node yang diperlukan dari aplikasi JavaFX dengan membuat instance kelasnya masing-masing.

Misalnya, jika Anda ingin memiliki bidang teks dan dua tombol yaitu, putar dan hentikan dalam tata letak HBox - Anda harus terlebih dahulu membuat simpul tersebut seperti yang ditunjukkan pada blok kode berikut -

//Creating a text field 
TextField textField = new TextField();       

//Creating the play button 
Button playButton = new Button("Play");       

//Creating the stop button 
Button stopButton = new Button("stop");

Instansiasi Kelas Masing-masing

Setelah membuat node (dan menyelesaikan semua operasinya), buat instance kelas dari tata letak yang diperlukan.

Misalnya, jika Anda ingin membuat tata letak Hbox, Anda perlu membuat instance kelas ini sebagai berikut.

HBox hbox = new HBox();

Mengatur Properti Tata Letak

Setelah membuat instance kelas, Anda perlu menyetel properti layout menggunakan metode penyetelnya masing-masing.

Misalnya - Jika Anda ingin mengatur ruang antara node yang dibuat dalam layout HBox, maka Anda perlu mengatur nilai ke properti bernama spacing. Ini dapat dilakukan dengan menggunakan metode penyetelsetSpacing() seperti yang ditunjukkan di bawah ini -

hbox.setSpacing(10);

Menambahkan Objek Bentuk ke Grup

Terakhir, Anda perlu menambahkan objek bentuk ke grup dengan meneruskannya sebagai parameter konstruktor seperti yang ditunjukkan di bawah ini.

//Creating a Group object  
Group root = new Group(line);

Panel Tata Letak

Berikut adalah berbagai panel Layout (kelas) yang disediakan oleh JavaFX. Kelas-kelas ini ada di dalam paketjavafx.scene.layout.

S.No	Bentuk & Deskripsi
1	HBox Tata letak HBox mengatur semua node dalam aplikasi kita dalam satu baris horizontal. Kelas bernama HBox dari paket javafx.scene.layout mewakili tata letak kotak horizontal teks.
2	VBox Tata letak VBox mengatur semua node dalam aplikasi kita dalam satu kolom vertikal. Kelas bernama VBox dari paket javafx.scene.layout mewakili tata letak kotak vertikal teks.
3	BorderPane Tata letak Border Pane mengatur node dalam aplikasi kita di posisi atas, kiri, kanan, bawah dan tengah. Kelas bernama BorderPane dari paket javafx.scene.layout mewakili tata letak panel perbatasan.
4	StackPane Tata letak panel tumpukan mengatur node dalam aplikasi kita di atas yang lain seperti dalam tumpukan. Node yang ditambahkan pertama ditempatkan di bagian bawah tumpukan dan node berikutnya ditempatkan di atasnya. Kelas bernama StackPane dari paket javafx.scene.layout mewakili tata letak panel tumpukan.
5	TextFlow Tata letak Alur Teks mengatur beberapa node teks dalam satu aliran. Kelas bernama TextFlow dari paket javafx.scene.layout mewakili tata letak aliran teks.
6	AnchorPane Tata letak panel Anchor menjangkarkan node dalam aplikasi kita pada jarak tertentu dari panel. Kelas bernama AnchorPane dari paket javafx.scene.layout mewakili tata letak Anchor Pane.
7	TilePane Tata letak Tile Pane menambahkan semua node aplikasi kita dalam bentuk ubin berukuran seragam. Kelas bernama TilePane dari paket javafx.scene.layout mewakili tata letak TilePane.
8	GridPane Tata letak Grid Pane mengatur node dalam aplikasi kita sebagai grid baris dan kolom. Tata letak ini berguna saat membuat formulir menggunakan JavaFX. Kelas bernama GridPane dari paket javafx.scene.layout mewakili tata letak GridPane.
9	FlowPane Tata letak panel aliran membungkus semua node dalam aliran. Panel aliran horizontal membungkus elemen panel pada ketinggiannya, sementara panel aliran vertikal membungkus elemen dengan lebarnya. Kelas bernama FlowPane dari paket javafx.scene.layout mewakili tata letak Flow Pane.