2012年开始工作，全栈开发老兵，目前已是一个老师，分享这么多年的心得体会

JavaFX FXML 是一种 XML 格式的文件，使您能够以类似于在 HTML 中编写 Web GUI 的方式编写 JavaFX GUI。在 FXML 中创建对象的最简单方法是通过 FXML 文件中的 FXML 元素。在 XML 中，元素名称是由开发者定义的，当两个不同的文档使用相同的元素名时，就会发生命名冲突。您可以将 FXML 文件中的 JavaFX 组件绑定到控制器类中的变量。FXML 控制器类可以将 FXML 文件中声明的 GUI 组件绑定在一起，使控制器对象充当代理（设计模式）。

【代码】SpringBoot3 整合JavaFx + MyBatisPlus。

JavaFX 为您提供了使用 CSS 来增强应用程序外观的便利。包javafx.css 包含用于为 JavaFX 应用程序应用 CSS 的类。这些样式仅由键值对组成，它们适用于设置它们的节点。在 JavaFX 中，你可以使用外部 CSS 文件来定义应用程序的样式。在你的 JavaFX 应用程序中，你需要加载和应用这个 CSS 文件。CSS 包含由浏览器解释然后应用于文档中相应元素的样式规则。首先，创建一个 CSS 文件并定义样式。确保 CSS 文件放在项目的资源目录下（例如。

【代码】IDEA配置JavaFX。

JavaFx 教程

散点图是一个双轴图表，将其数据作为一组点显示。每个点由X和Y值定义。

气泡图是一个双轴图表，为一系列数据点绘制气泡。

条形图是具有可以是垂直或水平的矩形条的双轴图表。

区域图是另一种类型的双轴图表。

折线图，一种双轴图表，显示了特定时间间隔内数据的动态。对于双轴图表，我们可以定义一系列数据XYChart.Series类。我们可以为每个系列分配一个名称，以便在图例中显示。

表示圆圈中的数据的图表，每个切片表示百分比。

【代码】JavaFx 表分页。

我们可以使用来自 JavaFX API 的 TableView，TableColumn 和 TableCell 类以表格形式表示数据。通过实现数据模型和应用单元工厂来填充表中的数据。表类可以按列排序数据，并在必要时调整列大小。

以下代码显示了如何将矩形绘制到ListView单元格。它通过扩展ListCell创建一个自定义单元格。updateItem接收项目参数中的单元格值。然后它绘制一个红色的矩形。= null) {完整的源代码@Override@Overrideif (item!= null) {

分页控件用于浏览多个页面。我们典型地使用对网页的分页控制，例如博客。在博客页面的底部，我们可以看到一个矩形区域，作为一个数字列表来指示页面索引，以及一个下一个/上一个按钮来链接到下一个/上一个页面。

HTMLEditor需要额外加入配置:javafx.webHTMLEditor控件是一个富文本编辑器，具有以下功能。HTMLEditor类返回HTML字符串中的编辑内容。

组合框允许用户选择几个选项之一。用户可以滚动到下拉列表。组合框可以是可编辑和不可编辑的。

菜单是桌面应用程序选择选项的标准方法。菜单和菜单项可以与选择选项快捷键组合，称为键盘快捷键。

FileChooser允许用户导航文件系统并选择一个文件或文件夹。FileChooser类位于javafx.stage包中。

可以通过使用setShowWeekNumbers()方法来启用和禁用在DatePicker中显示ISO周数。默认情况下，DatePicker使用系统区域设置和ISO日历系统定义的日期格式@Override@Overrideif (date!= null &&!} else {

PasswordField用于密码输入。用户键入的字符通过显示回显字符串被隐藏。

TextField用于单行文本输入。请看下面的示例TextField和Password字段扩展了TextInput类，它是JavaFX中所有文本控件的超类。

复选框允许用户进行多项选择。例如，当订购披萨时，可以添加多个调味料。单选按钮或切换按钮用于单选或无选择。

通常组合在一起，以便用户进行单选，即用户只能在单选按钮列表中选择一个项目。例如，当选择鞋子尺寸时，我们通常从列表中选择一个尺寸。或。以下代码显示，当放置在ToggleGroup中时，只能选择一个RadioButton。

当用户单击按钮时，JavaFX Button类可以触发事件。Button类扩展了Labeled类，可以显示文本，图像或两者都可以。以下代码显示了如何向Button添加单击操作侦听器。

的javafx.scene.control包中的Label类可用于显示一个文本元素。我们可以包装文本元素以适应特定空间，添加图形图像或使用JavaFX Label控件应用视觉效果。以下代码显示如何使用Label显示文本。

JavaFX字体类使您能够加载不同 的java.scene.text.Font字体以在您的 JavaFX 应用程序中使用。字体是一种文本样式。使用相同字体呈现的所有文本看起来都相似。在本 JavaFX 字体教程中，我将向您展示如何在 JavaFX 中加载和设置字体。

【代码】JavaFX 对话框。

GridPane通常用于布局：表单布局GridPane可以在行，列或单元格级别指定约束。例如，我们可以设置包含输入文本字段的第二列，以在窗口调整大小时调整大小。使用Java FX创建表格的时候，这个布局非常方便。

布局顶部，底部，左，右或中心区域中的子节点。每个区域只能有一个节点。的顶部和底部区域允许可调整大小的节点占用所有可用宽度。左边界区域和右边界区域占据顶部和底部边界之间的可用垂直空间。默认情况下，所有边界区域尊重子节点的首选宽度和高度。

VBox布局将子节点堆叠在垂直列中。新添加的子节点被放置在上一个子节点的下面。默认情况下，VBox尊重子节点的首选宽度和高度。当父节点不可调整大小时，例如Group节点，最大垂直列的宽度基于具有最大优选宽度的节点。默认情况下，每个子节点与左上(Pos.TOP_LEFT)位置对齐。

JavaFX API具有将UI控件显示到场景图上的布局类。布局类将JavaFX子节点放在水平行中。新的子节点附加到右侧的末尾。默认情况下，HBox布局尊重子节点的首选宽度和高度。当父节点不可调整大小时，例如Group节点，HBox的行高度设置为子节点的最大首选高度。默认情况下，每个子节点与左上位置对齐。我们可以通过编程方式改变的布局约束，例如。当处理不可缩放的子节点(如Shape节点)时，父节点会考虑Shape的矩形边界(ParentInBounds)的宽度和高度。

在中，我们可以在对象上应用颜色(Paint)。在中，所有形状都可以填充简单的颜色和渐变颜色。

另一个基本的节点是Text节点，它允许我们在场景图上显示文本。要创建Text节点，请使用javafx.scene.text.Text类。所有场景节点都从javafx.scene.Node中扩展，并且它们继承了许多功能，例如缩放，翻译或旋转的功能。Text节点的直接父对象是javafx.scene.shape.Shape类。可以在两个文本之间执行几何操作，如减法，相交或联合。还可以使用文本剪辑视口区域。

JavaFX ImageView 控件可以在 JavaFX GUI 中显示图像。ImageView 控件必须添加到场景图中才能可见。JavaFX ImageView 控件由类表示 javafx.scene.image.ImageView。

JavaFXNode类javafx.scene.Node是添加到的所有组件 的基类（超类）。JavaFX Node 类是抽象的，因此您只需将 Node 类的子类添加到场景图中。场景图中的所有 JavaFX Node 实例共享一组由 JavaFX Node 类定义的公共属性。本 JavaFX 节点教程将介绍这些常见属性。

JavaFX场景对象是 JavaFX 场景图的根。换句话说，JavaFX 场景包含其中的所有可视 JavaFX GUI 组件。JavaFX 场景由类表示 javafx.scene.Scene。必须在Scene上设置对象 才能可见。在本 JavaFX教程中，我将向您展示如何创建 对象并向其添加 GUI 组件。SceneScene。

JavaFXStagejavafx.stage.Stage表示 JavaFX 桌面应用程序中的窗口。在 JavaFX 内部，Stage您可以插入一个 JavaFX Scene，它表示在窗口内显示的内容 - 在Stage.当 JavaFX 应用程序启动时，它会创建一个根Stage对象，该对象将传递给 start(Stage primaryStage)JavaFX 应用程序的根类的方法。此Stage 对象代表 JavaFX 应用程序的主窗口。

在本教程中，我将向您展示如何创建您的第一个 JavaFX 应用程序。因此，本教程既可以向您介绍核心 JavaFX 概念，也可以为您提供一些 JavaFX 代码，您可以将其用作您自己的实验的模板。

要从 JavaFX 中充分受益，了解 JavaFX 的设计方式以及对 JavaFX 包含的功能有一个很好的概述是很有用的。本文的目的是为您提供 JavaFX 概述。本文将首先介绍一般的 JavaFX 设计，然后介绍 JavaFX 中的各种特性。如果您熟悉 Flash/Flex，您会发现 JavaFX 在某种程度上受到了 Flash/Flex 的启发。JavaFX 中也有一些相同的想法。一般来说，JavaFX 应用程序包含一个或多个对应于窗口的阶段。每个阶段都有一个场景。