在IntelliJ IDEA 中使用 Gradle JavaFx

简述

使用 Gradle 构建 Java 工程时,没有 JavaFx 的选项,所以需要自己添加。
注:此例程以一个串口调试助手为例程,所以工程名为 SerialAssistant
本工程源码
Java串口调试助手

使用Gradle 构建Java 工程

在IntelliJ IDEA 中使用 Gradle
工程构建完成后如下:
在这里插入图片描述

添加 JavaFx 文件

如下,在资源文件夹下新建FXML File 文件
在这里插入图片描述
打开刚才新建的文件,在红圈部分有TextScene Builder 两个选项卡,Text 显示是界面的描述,描述语言为xml,Scene Builder 显示的是预览界面,当然也可在里面编辑,想要什么排版布局,或者控件,直接拖拽出来就可以了。
在这里插入图片描述
将图下圈起来部分拖至箭头指向处
在这里插入图片描述
将Button 拖至界面空白处,也就是上一个动作拖出来的 AnchorPane面板上,使Button 的fxid 命名为button,找到 On Action,在里面填入 evenButton.
在这里插入图片描述
再用相同的方法拖拽出 TextField ,将该控件fxid命名为 text,并且双击该控件,输入HelloWold 然后回车。
在这里插入图片描述

添加 Java 类

按图示新建 Java Class,然后在弹出框中选择 JavaFXApplication
在这里插入图片描述
如图
在这里插入图片描述
新建完成后显示如图
在这里插入图片描述

重新回到SerialAssistant.fxml文件中,选择Text 显示,如图添加 fx:controller="SerialAssistant",如果已存在是不用添加的,SerialAssistant 就是刚才新建Java 的类名,
在这里插入图片描述
下面标签中有fx:id "button"fx:id="text"就是界面上拖拽的两个控件名,onAction="#evenButton"是刚才在界面上添加的button 的动作,将鼠标放在红圈部分的 text上,按下 alt+enter 快捷键,弹出菜单,再按下enter 键
在这里插入图片描述
IDEA 便自动帮我们将 text 控件添加至 SerialAssistant 类中了。
在这里插入图片描述
使用相同的方法,将button 和evenButton 自动添加至 SerialAssistant 类中,完成后如下
在这里插入图片描述
最后将 SerialAssistant 类改成如下样子

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.stage.Stage;

import java.io.IOException;

public class SerialAssistant extends Application {

    public Button button;
    public TextField text;

    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        Parent root = null;
        try {
            root = FXMLLoader.load(getClass().getResource("SerialAssistant.fxml"));
            primaryStage.setTitle("SerialAssistant");
            primaryStage.setScene(new Scene(root));
            primaryStage.show();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    public void evenButton(ActionEvent actionEvent) {
        System.out.println(text.getText());
    }
}

运行,点击button ,终端将会打印输入框中的文字。
在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
IntelliJ IDEA导入和使用JavaFXJavaFX SDK)是一个相对直接的过程。以下是步骤: 1. **安装JavaFX**: 首先确保你的IntelliJ IDEA已经安装了Java Development Kit (JDK)。如果还没有,你需要下载并安装最新版本的JDK,因为JavaFX是基于Java的。 2. **添加库依赖**: 打开你的项目(File > Project Structure),在Modules选项卡下,选择+号添加新的模块,然后选择"Java"。在"Libraries"部分,点击"+"号添加JDK版本对应的JavaFX库。通常可以在Oracle或 Adoptium的官方网站找到合适的库下载链接。 3. **设置路径**: 在添加的库上,配置库路径,指向JavaFX的lib目录,通常是`<JDK_HOME>/lib`目录下的`javafx-sdk-<version>\lib`。 4. **添加Maven依赖**: 如果你的项目是Maven或Gradle项目,你还需要在pom.xml(Maven)或build.gradleGradle)文件添加JavaFX的依赖。例如对于Maven,添加以下代码到<dependencies>部分: ```xml <dependency> <groupId>org.openjfx</groupId> <artifactId>javafx-controls</artifactId> <version>17+</version> <!-- 使用最新的JavaFX版本 --> </dependency> ``` 注意,不同JavaFX版本可能有不同的groupId。 5. **创建JavaFX应用**: 创建一个新的JavaFX Application类,继承自`javafx.application.Application`。在这个类,你可以编写你的FXML布局文件的初始化和事件处理等JavaFX代码。 6. **运行应用**: 在IntelliJ IDEA,右键点击你的主类,选择"Run 'ClassName'",JavaFX应用程序应该会启动并在IDEA内部的预览窗口运行。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值