6、JavaFX Person UI Application开发指南

JavaFX Person UI Application开发指南

1. JavaFX开发环境基础

在JavaFX开发中，Document窗口展示场景图的层级结构，你可以在树状结构中选择组件并移动它们。右侧的Inspector窗口则可用于配置每个组件，包括其属性、布局设置和代码。例如，在图中选中Document层级窗口中的StackPane时，它会在中心可视化视图中显示。在Inspector窗口里，可将OnMouseClicked属性设置为 #handleMouseClick，这对应JavaFX控制器类中的方法名。

Scene Builder在构建基于表单的真实世界用户界面时非常有用，它能让你直观地看到场景层级结构，并轻松配置布局和对齐设置。

2. 构建主 - 详细视图应用程序

现在，我们要构建一个更有趣的JavaFX应用程序，它实现了主 - 详细视图。以下是构建步骤：
1. 使用Scene Builder构建和配置UI ：我们的示例包含一个Person模型类和一个用于存储数据的底层ObservableList。程序允许用户进行更改，但不持久化任何数据。JavaFX的ObservableList可管理数据集合，你可以编写监听器和绑定表达式来响应数据的任何变化。程序结合使用事件处理程序和绑定表达式来保持应用程序状态的一致性。
2. 设计主 - 详细UI布局 ：
- 在左侧窗口（主视图）使用JavaFX ListView控件。
- 在右侧（详细视图）使用表单。
- 在Scene Builder中，选择AnchorPane作为顶级组件和场景