Setelah pada pertemuan sebelumnya kita membahas dan mempraktikan pembuatan stage (form) dan beberapa komponen (node) didalamnya dengan full menggunakan pengetikan kode, maka hari ini kita akan sedikit meminta bantuan dari tools lain untuk menangani pembuatan form dan komponen-komponennya, intinya kita sudah mengetahui bahwa di java kita dapat menggunakan kode scripting untuk membuat elemen aplikasi seperti form dan komponen-komponennya.
Tools yang akan kita gunakan adalah JavaFX Scene Builder, tools ini dikembangkan oleh GluOn dan didistribusikan secara gratis jadi kita dapat langsung mengunduhnya dan menginstallkannya lalu barulah kita dapat mengintegrasikannya dengan IDE kita yaitu ItellIJ.
Pada IntellIJ kita klik pada menu File -> Settings -> Languages & Frameworks -> JavaFX, lalu disini kita isi Path to SceneBuilder dengan path instalasi Scene Builder yang sudah kita tentukan sebelumnya.
Kita buat project baru (command line app)di IntellIJ, lalu kita akan membuat 5 file (Main.java, controller.java, main.fxml, login.fxml, main.css).
Keikan kode disamping pada file Main.java
Untuk membuat file, caranya klik kanan pada pacakage lalu pilih New lalu pilih: Java Class untuk membuat class, File untuk membuat CSS, dan FXML File untuk membuat FXML.
Untuk mengedit file main.fxml kita klik kanan di tab nya lalu pilih Open In SceneBuilder.
Pada tampilan Scene Builder yang muncul silahkan desain form seperti gambar diatas.
Lakukan hal yang sama pada file login.fxml
Pada file CSS kita dapat mengaplikasikan pengetahuan pada materi CSS + HTML karena sistemnya sama saja, bedanya untuk setiap perintah CSS pada java diawali dengan –fx-
Kode pada file controller.java
Berikut ini hasil untuk kode-kode yang kita tuliskan pada masing-masing file.
Post a Comment