Tutorial memulai JavaFX dengan Netbeans IDE menggunakan file FXML

Berikut adalah tutorial step by step memulai coding javaFX dengan Netbeans IDE menggunakan file FXML,




di project ini saya menggunakan Netbeans IDE versi 22, dan JDK Full (Jdk+Fx) versi 21.0.4, serta Apliaksi Scene Builder untuk edit FXML.

Untuk Netbeans IDE bisa di download di web Apache Netbeans

Untuk JDK Full bisa di download di web Azul

Untik Aplikasi Scene Builder bisa di download disini 

Oke langsung saja guys..

> Buka Netbeans IDE, lalu pilih New Project > Java With Ant > Java Application, kemudian pilih Next





> Isi pada bagian project name ( nama project yang akan dibuat ), disini saya beri nama "javaFxapp" , centang "Create Main Class" lalu klik finish.




> Netbeans akan otomatis membuatkan project, di sidebar kiri rekan-rekan bisa melihat folder projectnya ,

Silahkan buka main class "javaFxapp.java", ganti kode program dengan kode berikut ini :



package javafxapp;

import javafx.application.Application;
import static javafx.application.Application.launch;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

/**
 *
 * @author ASUS
 */
public class javaFxapp extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("javaFXapp.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root));
        primaryStage.show();
    }
    
    public static void main(String[] args) {
        // TODO code application logic here
         launch(args);
    }
    
}


> Selanjutnya kita buat file FXML , caranya klik kanan pada package New>Empty FXML..

beri nama file "javaFxapp", lalu next



> Centang bagian "Use Java Controller" lalu next, kemudian "Finish"



> Netbeans akan otomatis membuatkan file FXMLcontroller, bisa dilihat di sidebar sebelah kiri project 



> Double klik javaFxapp.fxml maka akan otomatis terbuka di Software Scene Builder, silahkan tambahkan Text dan ubah isi text, ukuran text bebas.. lalu save.




Pada project anda di sidebar, klik kanan lalu Run, 
Jadi lah aplikasi JavaFX, 
Nah selanjutnya temen-temen bisa eksplore lagi mau buat program seperti apa.




Posting Komentar

0 Komentar