JavaFX之Scene Builder的使用(开发一款GUI小工具原来这么简单)
文章目录
博主个人社区:开发与算法学习社区 博主个人主页:Killing Vibe的博客 欢迎大家加入,一起交流学习~~
一、前言
首先声明一下,Java的强项并不在GUI上,现在是web的天下,博主发此篇文章仅是个人兴趣,如果您是学Java开发的,业余想做GUI小工具,可以选择使用JavaFX。如果需要开发企业级应用,推荐还是用qt或者wpf那些,用Electron也是很好的选择。
二、JavaFX与Scene Builder下载
从JDK11的发布开始,JavaFX已经不被包含在JDK中了。为了方便大家使用,可以直接使用JDK8。
下载地址如下:
不会前端?没关系。
Scene Builder作为一款Java拖拽式页面设计编码工具,具有强大的拖拽设计能力,对于一些入门以及需要快速响应页面编码的情况,该工具的效果绝对令人满意。
官方有详细的文档供大家参考,本文只介绍一下Scene Builder的简单使用,帮助大家极速上手用Java开发一款桌面级应用。
三、Scene Builder的使用
- 下载完后打开,选择Basic Application就行,助于理解
- 打开完后应该是这个界面
中间的就是咱们要设计的桌面程序的UI界面了,左边Library就有JavaFX的一些控件,比如按钮啊啥的,直接就可以拖动到中间,十分方便。我们可以根据自己的界面需求,设计自己的界面,最后只需要点一下保存就可以生成fxml文件了。
四、详细教学(示例)
4.1 环境配置
1.推荐使用Intellij-idea,第一步先构建一个项目(正常的话肯定构建一个Maven项目)
2.点击File—>点击settings—>Languages&Frameworks—>JavaFX
在Path to SceneBuilder 中填入下载好的SceneBuilder.exe文件。
4.2 创建fxml文件以及Controller类文件
什么是fxml文件?
FXML是一种以XML的格式表示JavaFX界面对象的文件,FXML文件中的每一个元素可以映射到JavaFX中的一个类,每个FXML元素的属性或者其子元素都可以映射为该对应JavaFXML类的属性.
说白了就是控制这个界面的文件,可以理解为界面的代码表示~~
为什么需要Controller类文件?
用来绑定这个fxml文件用的,用于控制这个界面的一些操作,实现一些功能~~
1.弄明白了之后,我们现在项目中创建两个文件,如下:
创建一个fxml文件:
创建一个Controller类文件:
然后修改一下这个fx:controller
里面的属性
2.然后右键点击这个test.fxml
,点击Open In SceneBuilder
3.然后就会弹出如下界面,也就是刚刚介绍过的SceneBuilder
4.3 自定义界面
下面随意做个栗子:
1.随便拉一个button控件到白色区域
2.然后可以在右边的properties属性栏更改这个按钮的样式,外观等等,例如我这里随便改了个hehe。
3.下面还有个code代码栏里面,可以设置这个按钮的id,点击事件等等,例如我这里也改成了hehe,你们也可以改成xxxbutton,这样便于开发
4.点击上方有个preview按钮可以预览我们当前设置好的界面
5.点击view,选择Show Sample Controller Skeleton,可以直接显示Controller类的代码骨架,特别方便!!
6.此时只需要复制这段代码到我们之前创建的TestController类中就行了。
7.别忘了点保存啊,点击File,然后点击save,然后我们之前创建的fxml文件就会自动补代码~~是不是很方便
8.原来的fxml文件就加入了button标签,还有对应的属性
4.4 运行我们的程序
上述两个文件弄好了之后,我们只需要创建一个入口类,就能运行起我们的程序了。
首先再创建一个Main类,然后把下面的代码复制进去(至于为什么可先不管,不懂可以私信博主,文章后面会简要说一下原理)
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
import java.util.Objects;
/**
* @author Dianzhi Han
* @version 1.0
* @description: TODO
* @date 2022/11/18 12:45
*/
public class Main extends Application {
@Override
public void start(Stage primaryStage) throws Exception{
Parent root = FXMLLoader.load(Objects.requireNonNull(getClass().getClassLoader().getResource("test.fxml")));
primaryStage.setTitle("test");
primaryStage.setScene(new Scene(root, 1300, 1000));
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
然后点运行就可以了~~
可以根据自己的功能需求在click方法中修改你点击按钮可以实现的功能~
五、拓展
- 之前我们创建的那个Controller类通常需要实现Initializable接口,并重写里面的initialize方法。用于在界面初始化的时候,初始化一些比如数据库数据表之类的东西
- 执行程序的顺序是 init() -> start() -> stop(),我们入口类Main就是继承了Application抽象类,并重写了它的start()方法,而Controller类则可以重写init()方法,来做一些初始化相关的工作。
拿上面的按钮例子来解释一下标签中的属性是干嘛的吧~
fx:id
指的就是这个控件的id值,为的是在Controller类中控制这个控件onAction
指的是点击这个按钮就能实现什么功能text
指的就是这个按钮的文本- 其余那些就是控制按钮大小的
总结
以上是博主千辛万苦纯手打的JavaFX的入门教程以及SceneBuilder使用,如果小伙伴们有什么不懂得,可以直接私信博主,有帮助的话麻烦点赞+收藏关注,您得支持是博主更新得最大动力~
相关文章
- Unity 编辑器开发实战【Editor Window】- BlendShape调试工具
- 使用python快速开发桌面小工具
- 使用.NET开发一个屏幕OCR工具
- 【说站】C盘文件迁移工具Free Move v2.1.0
- 如何自己开发漏洞扫描工具视频_系统漏洞扫描工具有哪些
- 新型前端构建工具 Vitejs 开发使用
- 【Techo Day腾讯技术开放日】后端开发与云原生工具
- 133-R工具指南24-vscode在ipynb中使用R远程开发
- 开发 Babel 插件可以试试这个 CLI 工具
- 软件分享 | 第九期 强大的录屏工具班迪录屏Bandicam
- iOS开发助手、ipa上传工具、苹果APP快速上架辅助工具Appuploader
- 【开发环境】戴尔电脑系统重装 ( 下载 Dell OS Recovery Tool 工具 | 使用 Dell OS Recovery Tool 工具制作 U 盘系统 | 安装系统 )
- 【Android 逆向】Android 进程注入工具开发 ( EIP 寄存器指向 dlopen 函数 | ESP 寄存器指向栈内存 | 调试程序收回目标进程控制权 )
- 【Android 逆向】Android 进程注入工具开发 ( 总结 | 源码编译 | 逆向环境搭建使用 | 使用进程注入工具进行逆向操作 ) ★★★
- GPT 小工具之文档查询助手
- [linux] lsyncd同步工具详解程序员
- Android工具类DES加密时代的终结者——AES加密算法详解手机开发
- 工具Linux上使用Java开发的利器:选择指南(linux选择java)
- 开发高效Oracle数据库:使用Oracle设计工具(oracle设计工具)
- 3 个提高 Python 开发效率的小工具
- 探索嵌入式Linux开发,精选优秀工具(嵌入式linux开发工具)
- 使用 MySQL 图形界面工具提升开发效率(mysql图形界面工具)
- 简化Oracle开发运维:Oracle工具类完美解决方案(oracle工具类)
- MySQL启动工具:轻松运行数据库(mysql启动工具)
- 安全提升:如何有效防范Oracle注入工具(oracle注入工具)
- 恭喜!使用MSSQL第三方工具走上开发之路(mssql第三方工具)
- MySQL库提高数据库开发效率的必备工具(mysql_libs)
- 使用Redis连接查看工具提高开发效率(redis连接查看工具)
- Python开发的单词频率统计工具wordsworth使用方法