JavaFX FXML場景編輯器使用示例

最終效果

場景編輯界面

maven pom配置resource

<build>
        <finalName>HelloJavaFX</finalName>
        <resources>
            <resource>
                <!-- 這裡是放在 src/main/java-->
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.fxml</include>
                    <include>**/fxml/*.fxml</include>
                    <!-- 如果想要弄個包名專門放fxml檔案，像上一行這樣添加設定 -->
                    <!-- 之後，使用getResource("fxml/xx.fxml")這樣子 -->
                </includes>
                <filtering>false</filtering>
            </resource>
        </resources>
</build>        
           

代碼

package cn.zxl.BaseFXML;

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

/**
 * @Description: //TODO 建立FXML
 * @Author: zhangxueliang
 * @Create: 2021-05-27 11:16
 * @Version: 1.0
 **/
public class Main extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        Parent root = FXMLLoader.load(this.getClass().getResource("sample.fxml"));
        Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}