教你用Java开发一款桌面应用

2023年 10月 13日 66.5k 0

虽然现在Java开发是web的天下,但是如果你想利用Java开发一款桌面应用或者移动端软件可不可以呢?

答案是肯定的

JavaFX 是一个开源的下一代客户端应用平台,适用于基于Java构建的桌面、移动端和嵌入式系统。

JavaFX官方网站【openjfx.cn/】

Snipaste_2023-10-12_19-01-25.png

那有的小伙伴要问了,我只会Java编程但是不会做UI设计可以吗?

没问题!拖拽总会吧。

JavaFX官网往下拉,我们会发现一款名为Scene Builder的软件。

Snipaste_2023-10-12_19-02-18.png

这个软件的作用就是将我们拖拽产生的界面UI生成对应的前端代码。这样一来,后台逻辑我们可以利用Java来写,前台页面可以利用Scene Builder自动生成,问题解决,接下来是开发一个桌面应用的教程。

下载Scene Builder

Scene Builder软件是免安装的,下载完成解压即可,目录结构如下。

Snipaste_2023-10-12_19-43-58.png

集成IDEA

根据上面的描述知道Scene Builder只是生成页面的工具,我们实际的开发还是在IDE里面进行的(这里我选择IDEA作为开发工具)

首先创建一个Maven项目

Snipaste_2023-10-11_17-59-14.png

然后点击File—>点击settings—>Languages&Frameworks—>JavaFX在Path to SceneBuilder 中填入我们上一步下载好的SceneBuilder.exe文件的路径。

Snipaste_2023-10-11_18-02-17.png

创建第一款应用

在这之前先解释两个概念。

什么是fxml文件?
FXML是一种以XML的格式表示JavaFX界面对象的文件,FXML文件中的每一个元素可以映射到JavaFX中的一个类,每个FXML元素的属性或者其子元素都可以映射为该对应JavaFXML类的属性的文件,可以理解为界面的代码表现形式。

什么是Controller类文件?
用来绑定这个fxml文件用的,用于控制这个界面的一些操作,实现一些功能,这和我们开发web项目的时候的controller含义基本相同。

弄明白之后我们创建第一个界面(即FXML文件)

点击新建一个FXML file——test.fxml

Snipaste_2023-10-12_19-15-19.png

创建完成之后我们会发现一个fx:controller属性,这里填入对应的controller类——TestController。

Snipaste_2023-10-12_19-15-51.png

然后右键点击test.fxml,点击Open In SceneBuilder,test.fxml就会在SceneBuilder中打开了。

Snipaste_2023-10-12_19-16-46.png

下图是SceneBuilder功能区的介绍。

Snipaste_2023-10-12_19-05-15.png

这里用一个按钮来举例,我从左侧的组件选择去拖拽一个button元素到页面中命名为【登录】并且绑定一个点击事件【login】

Snipaste_2023-10-12_19-14-43.png

接下来我们只需要点击file->save或者Crtl+S保存就会发现最新拖拽的按钮已经转换为代码形式了!

Snipaste_2023-10-12_19-18-21.png

那么对应的controller文件怎么写呢,SceneBuilder的开发者索性就好人做到底,controller代码也帮我们生成好了!

点击view->Show Sample Controller Skeleton就可以复制对应的controller代码了。

Snipaste_2023-10-12_19-19-08.png

我们将复制好的controller代码粘贴到IDEA的TestController文件中,只需要关注具体的处理逻辑就可以了。比如说这里我在按钮点击之后打印【触发登录点击事件!】

Snipaste_2023-10-12_20-08-22.png

运行我们的程序

上述两个文件弄好了之后,我们只需要创建一个入口类,就能运行起我们的程序了。 首先再创建一个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;




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);
    }
}

Snipaste_2023-10-12_19-20-47.png

Snipaste_2023-10-12_19-21-49.png

可以根据自己的功能需求在click方法中修改你点击按钮可以实现的功能~

拓展

之前我们创建的那个Controller类通常需要实现Initializable接口,并重写里面的initialize方法。用于在界面初始化的时候,初始化一些比如数据库数据表之类的东西 执行程序的顺序是init()->start()->stop(),我们入口类Main就是继承了Application抽象类,并重写了它的start()方法,而Controller类则可以重写init()方法,来做一些初始化相关的工作。 拿上面的按钮例子来解释一下标签中的属性是干嘛的吧~

Snipaste_2023-10-12_20-13-49.png

fx:id 指的就是这个控件的id值,为的是在Controller类中控制这个控件

onAction 指的是点击这个按钮就能实现什么功能

text 指的就是这个按钮的文本

以上就是利用JavaFX做一个小的界面的例子,如果有感兴趣的小伙伴可以加入更多的组件和更复杂的逻辑。

更多文章,推荐公众号【程序员老J】

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论