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

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<AnchorPane prefHeight="400.0" prefWidth="600.0" stylesheets="@../../style/main.css" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.company.Controller">
   <children>
      <Button layoutX="271.0" layoutY="165.0" mnemonicParsing="false" onAction="#clickButton" text="這是一個按鈕" />
      <Label fx:id="label" layoutX="308.0" layoutY="126.0" />
   </children>
</AnchorPane>

      

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 均可正常運作