Java：JavaFX项目FXML文件应用实例-CFANZ编程社区

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

布局文件和逻辑文件分离

可以使用 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