布局文件和逻辑文件分离
可以使用 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 均可正常运行
