Java配置JavaFX和SceneBuilder图形化界面

Java配置JavaFX和SceneBuilder

第一步, 去官网下载JavaFX和SceneBuilder

javafx官网下载链接
请记住自己下在哪里
在这里插入图片描述
先解压这个
在这里插入图片描述
解压完成后,进文件里面去解压src压缩包
在这里插入图片描述
然后去下载SceneBuilder(一定要知道自己安装在哪里!)
SceneBuilder下载链接
在这里插入图片描述

第二步, 打开IDEA进行相应配置

创建一个新项目
在这里插入图片描述
然后去设置里面进行SceneBuilder配置
在这里插入图片描述
去语言和框架里面找到JavaFX,点击
在这里插入图片描述
选择文件里面的SceneBuilder.exe
在这里插入图片描述
配置好大概这样(根据自己的文件路径来,有exe就行了)
在这里插入图片描述
接下来就是去文件–>项目结构里面添加jar文件,如下图

在这里插入图片描述
选择库里面的Java
在这里插入图片描述
找到之前下载的Javafx文件, Ctrl + 鼠标左键 全选中.jar文件
在这里插入图片描述
这样就有了这个(不用关心java-swt名字,只用关心右边的jar文件就行了)
在这里插入图片描述
然后去模块里面的依赖勾选你所添加的jar文件,确定即可
在这里插入图片描述

第三步, 当前文件配置环境

首先创建一个主类Main(记得在里面写上主函数快捷键(psvm)),再创建一个TestFX类,里面什么也不写
在这里插入图片描述
编辑配置
在这里插入图片描述
添加新的运行配置
在这里插入图片描述
选中应用程序,随便起个名字
在这里插入图片描述
Alt+V快捷键,在里面填写接下来的命令
在这里插入图片描述
填入这个命令,记得修改成自己的文件地址

--module-path "E:\java文件\javafx下载\javafx17\javafx-sdk-17.0.8\lib" --add-modules javafx.controls,javafx.fxml
//注意!!!!!--->""里面的填写自己的lib文件目录!!!!

完成后大概是这样,程序实参和环境变量不用填写,点击确定
在这里插入图片描述

第四步, 建立fxml文件, 打开SceneBuilder

在src下进行新建一个fxml文件
在这里插入图片描述
在里面填入正确的信息
在这里插入图片描述
右键打开SceneBuilder
在这里插入图片描述
进行如下操作,写上变量名(随便写英文字母), 然后Ctrl + S保存
在这里插入图片描述
点击view里面的最后一个选项
在这里插入图片描述
点击save as,一路点击确定和保存,进行覆盖原来的TestFX类
在这里插入图片描述

最后一步, 进行测试

在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, 419, 232));
        primaryStage.show();
    }
    public static void main(String[] args) {
        launch(args);
    }
}

点击运行, 如果没报错, 则配置成功
如下图所示
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值