JavaFx-SceneBuilder(可视化拖拽)

落日映苍穹つ 2023-10-02 22:44 94阅读 0赞

### 什么是JavaFX Scene Builder? ###

JavaFX Scene Builder是一种可视布局工具，允许用户快速设计JavaFX应用程序用户界面，而无需编码。用户可以将UI组件拖放到工作区，修改其属性，应用样式表，并且它们正在创建的布局的FXML代码将在后台自动生成。它的结果是一个FXML文件，然后可以通过绑定到应用程序的逻辑与Java项目组合

注意: Scene Builder只能快速帮你把基础的布局啥快速搭建,但是数据交互等高级操作是没法实现的,还是需要你精通JavaFx才行

### 安装使用Scene Builder ###

官网下载最新的: [https://www.oracle.com/java/technologies/javase/javafxscenebuilder-info.html][https_www.oracle.com_java_technologies_javase_javafxscenebuilder-info.html]

链接：[https://pan.baidu.com/s/1IT6PEeYtwqkhZAvZ5ZLLLQ?pwd=1234][https_pan.baidu.com_s_1IT6PEeYtwqkhZAvZ5ZLLLQ_pwd_1234]  
提取码：1234  
–来自百度网盘超级会员V6的分享

然后安装即可  
![在这里插入图片描述][1dd139e2b1054936a3f6c604b20ddf58.png]

### IDEA配置Scene Builder ###

一般来说2020之后的idea基本都有javafx插件的没有的可以到插件商城里安装就行

![在这里插入图片描述][ed42180fd4b54752b3b4ca67e685a4df.png]

设置好之后，新建一个JavaFX项目可以参考`JavaFx-IDEA创建窗口项目(1)`\` 然后在对应的fxml文件中右键可以通过scene builder打开

![在这里插入图片描述][d680a3c5c62f477a81674bf850be4a9c.png]

![在这里插入图片描述][aa116576412c4d19bb170dbff6463012.png]

**总结:** SceneBuilder这个东西能快速的将布局等搭建完毕,省略很多调试的时间了,但是具体的效果互动等还是需要自己去写的,而且使用SceneBuilder必须将javafx基础和javafx-fxml学会才行

![在这里插入图片描述][241d60d901ab468c8532f2a2d4413093.gif]

点赞 -收藏-关注-便于以后复习和收到最新内容有其他问题在评论区讨论-或者私信我-收到会在第一时间回复在本博客学习的技术不得以任何方式直接或者间接的从事违反中华人民共和国法律,内容仅供学习、交流与参考 免责声明：本文部分素材来源于网络，版权归原创者所有，如存在文章/图片/音视频等使用不当的情况，请随时私信联系我、以迅速采取适当措施，避免给双方造成不必要的经济损失。感谢,配合,希望我的努力对你有帮助^\_^

[https_www.oracle.com_java_technologies_javase_javafxscenebuilder-info.html]: https://www.oracle.com/java/technologies/javase/javafxscenebuilder-info.html
[https_pan.baidu.com_s_1IT6PEeYtwqkhZAvZ5ZLLLQ_pwd_1234]: https://pan.baidu.com/s/1IT6PEeYtwqkhZAvZ5ZLLLQ?pwd=1234
[1dd139e2b1054936a3f6c604b20ddf58.png]: https://img-blog.csdnimg.cn/1dd139e2b1054936a3f6c604b20ddf58.png
[ed42180fd4b54752b3b4ca67e685a4df.png]: https://img-blog.csdnimg.cn/ed42180fd4b54752b3b4ca67e685a4df.png
[d680a3c5c62f477a81674bf850be4a9c.png]: https://img-blog.csdnimg.cn/d680a3c5c62f477a81674bf850be4a9c.png
[aa116576412c4d19bb170dbff6463012.png]: https://img-blog.csdnimg.cn/aa116576412c4d19bb170dbff6463012.png
[241d60d901ab468c8532f2a2d4413093.gif]: https://img-blog.csdnimg.cn/241d60d901ab468c8532f2a2d4413093.gif