JavaFx原理分析之sample.fxml

---

一、 FXML概览

关于fxml的认知，我们先从官方介绍看一下

Overview
FXML is a scriptable, XML-based markup language for constructing Java object graphs. It provides a convenient alternative to constructing such graphs in procedural code, and is ideally suited to defining the user interface of a JavaFX application, since the hierarchical structure of an XML document closely parallels the structure of the JavaFX scene graph.
This document introduces the FXML markup language and explains how it can be used to simplify development of JavaFX applications.

机器翻译：FXML 是一种可编写脚本的、基于 XML 的标记语言，用于构建 Java 对象图。它为在过程代码中构建此类图提供了一种方便的替代方法，并且非常适合定义 JavaFX 应用程序的用户界面，因为 XML 文档的层次结构与 JavaFX 场景图的结构非常相似。

以下是一个简单的fxml文件设计以及效果图。
部分fxml源码：

用户名、密码控件实现：

<!--容器HBox-->
<HBox alignment="CENTER" prefHeight="50.0" prefWidth="200.0">
<!--children表明父子关系-->
                    <children>
                    <!--用户名标签-->
                        <Label fx:id="pin" prefHeight="27" prefWidth="50" text="PIN:" textAlignment="JUSTIFY" />
                        <!--用户名输入文本框-->
                        <TextField fx:id=