JavaFX Scene Builder 2.0 + IDEA 制作客户端界面

JavaFX Scene Builder 2.0 的下载和 IDEA的配置

见此篇文章：

JavaFX SB的下载和配置

界面生成步骤

我们就以上一篇文章的遍历问题的实现效果为例来生成界面，实现效果如下图：

1. 先创建一个JavaFX项目 ： File -> new ->project；
   
   新建完之后就是这个样子：
   
   我们可以看到，idea自动生成了三个文件：controller.java、main.java、sample.fxml，这三个文件的用处我们留到后面介绍，下面我们运行一下这个刚生成的JavaFX项目：
   
   就会出来这样空白的效果，下面我们调整一下界面的标题和大小：
   在main.java中，修改：

        primaryStage.setTitle("遍历问题");
        primaryStage.setScene(new Scene(root, 550, 500));

3. 在IDEA中打开JavaFX Scene Builder：鼠标右击sample.fxml -> open in scene builder
   
   我们将原来的grid pane删掉，换为anchor pane:
   

4. 下面我们将之前找好的水壶图片导入到面板上：
   
   导入后，再将图片大小进行调整，同时将面板大小进行调整：