Java：JavaFX项目FXML文件应用实例

布局文件和逻辑文件分离

可以使用 Scene Builder进行编辑

IDEA中使用scene builder

项目结构

── src   
    ├── com
    │   └── company
    │       ├── Controller.java   # 控制器文件
    │       ├── Main.java         # 主文件
    │       └── sample.fxml       # 布局文件
    └── style
        └── main.css               # 样式文件

1、主文件入口文件 Main.java 引入布局文件 sample.fxml

package com.company;

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


public class Main extends Application {

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

    @Override
    public void start(Stage primaryStage) throws Exception {
         // 此处引入布局文件
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        Scene scene = new Scene(root);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

}

2、布局文件 sample.fxml （1）绑定控制器类 com.company.Controller （2）绑定控制器文件中的方法 com.company.Controller.clickButton （3）引入样式文件 style/main.css

3、Controller.java控制器文件

package com.company;

import javafx.scene.control.Label;

public class Controller {
    public Label label;

    public void clickButton(){
        label.setText("按钮被点击了");
        System.out.println("按钮被点击了");
    }
}

4、样式css 文件 src/style/main.css

.label{
    -fx-text-fill: red;
}

打包jar

IDEA 下操作

1、配置： 工具栏点击Project Structure -> Artifacts -> + -> JAR -> From modules with dependencies 选中有main方法的类

2、打包： Build -> Build artifacts

3、运行程序 文件夹 out/artifacts 中生成jar文件，双击即可打开 在装有jre 的 Mac和Windows 均可正常运行