.
1. 创建工程
新建一个Java FX工程
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201127224048352.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dlb3JnZV9fUA==,size_16,color_FFFFFF,t_70)
2. 测试
idea新建的fx项目可以直接运行测试(这里我已经设计一部分界面)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201127224218604.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dlb3JnZV9fUA==,size_16,color_FFFFFF,t_70)
3. 使用Scene Builder
右击fxml文件,选择Scene Builder打开,通过拖拽式开发UI界面
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201127224329828.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dlb3JnZV9fUA==,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201127224519890.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dlb3JnZV9fUA==,size_16,color_FFFFFF,t_70)
其中view中可以直接生成对应controller代码(需提前在code中设置fx:id,并在XML代码中引用fx:controller=“sample.Controller”),对应的响应事件可以通过code中的on Action中设置名称,通过view自动生成
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201127224559233.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dlb3JnZV9fUA==,size_16,color_FFFFFF,t_70)