Konfigurasi Awal JavaFX di Intellij Idea

Pengenalan JavaFX

JavaFX merupakan salah satu framework untuk membangun aplikasi desktop. JavaFX ditulis menggunakan bahasa Java sehingga di JavaFX dapat digunakan fitur-fitur yang ada di Java seperti multithreading, generics, dan lambda expression. Selain membangun aplikasi menggunakan bahasa Java, dapat juga menggunakan bahasa yang didukung JVM lainnya, seperti Kotlin, Groovy dan Scala.

Pada JavaFX GUI dikonstruksikan sebagai scene graph. Sebuah scene graph merupakan kumpulan-kumpulan dari elemen visual, yang disebut sebagai nodes yang diatur secara hierarkis. Sebuah scene graph dibangun menggunakan API publik JavaFX. Nodes di sebuah scene graph dapat mengurus input dan gesture dari user, selain itu juga nodes dapat memiliki efek, transformasi, dan states. Beberapa tipe dari nodes yang ada di scene graph dapat berupa UI Controls seperti buttons, text fields, bentuk dari benda 2D dan 3D, images, media seperti audio dan video, konten web, dan charts.

Konfigurasi JavaFX

Mengunduh dan Mengekstrak SDK JavaFX

Untuk mengunduh SDK JavaFX dapat pergi ke link berikut https://gluonhq.com/products/javafx silahkan pilih JavaFX versi 17. Setelah diunduh silahkan di ekstrak, lokasi ekstrak dapat di lokasi mana saja

Buat Project Baru di Intellij

Kemudian buat project baru di Intellij pastikan menggunakan JDK versi 17

Menambahkan Library dan Module JavaFX

Untuk menambahkan library dan module silahkan klik File > Project Structure pada menubar. Setelah itu pada Project Settings pilih Libraries, dan silahkan tambahkan library dari JavaFX yang telah diekstrak sebelumnya, pastikan pilih subfolder lib saja yang dipilih kemudian klik Apply

Setelah menambahkan library barulah menambahkan module, caranya adalah di Project Settings pilih Modules dan pada bagian Export silahkan tambahkan library yang telah kamu tambahkan tadi pada kasus penulis disini bernama lib kemudian klik Apply lalu Ok

Menulis Kode

Pada tahap sebelumnya sudah dilakukan menambahkan library dan module JavaFX pada proyek, kemudian pada tahap ini akan menulis kode sederhana. Kode ini akan menampilkan tulisan Hello World ke layar, kode ini mempunyai satu buah root node dan node text.

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.VBox;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class HelloFXApp extends Application
{
    public static void main(String[] args)
    {
        Application.launch(args);
    }


    // this method will be called for the first time
    @Override
    public void start(Stage stage) throws Exception
    {
        // Create a root VBox node
        VBox root = new VBox();

        // create a text node
        Text msg = new Text("Hello World");

        // add the text node to the vbox as a child node
        root.getChildren().add(msg);

        // create a scene
        Scene scene = new Scene(root, 300, 50);

        // Set the scene to the stage
        stage.setScene(scene);

        // Set a title for the stage
        stage.setTitle("JavaFX Application");

        // Show the stage
        stage.show();
    }
}

Menambahkan VM Options

Setelah menulis kode sebelum menjalankan, silahkan klik dahulu Run > Configurations... setelah itu tambahkan field VM Options yang berisi --module-path="LOKASI_TEMPAT_EKSTRAK\JavaFx\openjfx-19_windows-x64_bin-sdk\javafx-sdk-19\lib" --add-modules=javafx.controls jika field VM Options tidak muncul coba klik Modify Options lalu pilih Add VM Options kemudian klik Ok

Hasil

Kemudian silahkan jalankan code tersebut dengan biasa yaitu mengklik tombol run hijau disamping public class maka akan muncul panel baru yang menampilkan tulisan Hello World