目录

Document窗口预览

Hierarchy面板

Controller面板

其他

Info

fx:id

Node Id

---

 

Document窗口预览

Document窗口主要是FXML中各组件的结构显示和控制器类的配置。

 

Hierarchy面板

在这个Hierarchy面板中显示的是各个控件的结构关系，以树形显示各个容器与控件的关系。

 

Controller面板

在Controller面板下的“Controller class”配置对应的控制器类。

而User fx:root construct复选框一般是在自定义组件时使用，勾选后FXML文件的内容变成如下：

fx:root为您的FXML文件指定一个“动态根”；这意味着FXML文件的根是在加载文件之前在加载器上设置的对象。这通常用于自定义控件，在该控件中您希望控件是其子类Node，可以使用常规Java代码实例化该控件，但希望使用FXML定义其布局。

而"Assigned fx:id"是显示那些设置了ID的控件，“fx:id”列表示的是该控件的id，而Component表示该控件的类型，如这里就是Button按钮控件。

 

其他

可以切换显示Hierarchy。

Info

但选中“Info”时，树形图显示的控件的Text值信息。

fx:id

"fx:id"显示的控件自定义的id，在Code面板下进行设置。

Node Id

"Node Id"显示的是Properties面板下的JavaFX CSS的Id。

 

可搜索微信公众号【Java实例程序】或者扫描下方二维码关注公众号获取更多。