JavaFx-桌面应用开发利器（三）FXML和Scene Builder

本文接上文JavaFx-桌面应用开发利器（二）基础架构篇，在熟悉了JavaFx的基础框架后，通过基础的学习示例。相信你对基础的Stage和Scene对象等都有了一定的基础认识。在学习的时候，建议各位都能亲自动手进行编码，更有利于掌握相关知识。本文主要讲解JavaFx里面的FXML进行UI可视化开发，同时结合SceneBuilder，说明如何加速开发速度。

一、首先介绍下简单介绍下FXML。

FXML并没有定义schema，但是它具有一个基本的预定义结构。在FXML中所表达的内容，以及如何将其应用到构建一个场景图(Scene Graph)，这些都取决于你所构造的API。由于FXML直接映射为Java代码，所以可以通过Java　API文档来理解对应的XML元素和属性的含义。一般来说，大多数的JavaFX类都可以映射为XML元素，并且大多数的Bean属性都会被映射为元素的属性。

从MVC设计模式的角度来看，FXML文件描述的用户界面是其中的View的部分。Controller是一个Java类，可以选择实现Initializable接口，用于将其声明为FXML文件的控制器(Controller)。Model部分包括了领域模型对象，使用Java代码来定义并通过Controller来与View关联。这样的结构在后面的章节“使用FXML来创建地址簿应用”中会给出样例。

当你使用FXML来创建用户界面，尤其是在创建具有大型、复杂的场景图、表单、数据入口、复杂动画的用户界面时使用FXML会显得更为功能强大。FXML同样适于创建静态布局，例如表单、控件、表格等。另外，你也可以通过FXML使用脚本来构建动态布局。

BorderPane border = new BorderPane();

上图是使用Java硬编码方式场景开发。下面来看使用FXML如何开发？

实现的效果如下: