zl程序教程

您现在的位置是:首页 >  后端

当前栏目

JavaGUI:eclipse+e(fx)clipse+JavaFX Scene Builder搭建JavaFX可视化开发环境

eclipse开发 环境 搭建 可视化 Builder JavaFX FX
2023-09-14 09:07:18 时间

本文参考教程:
JavaFX教程 https://www.yiibai.com/javafx

环境
mac 10.14.4 (18E2035)

1、安装Java8(JDK8)

https://www.oracle.com/technetwork/java/javase/downloads/index.html
java version “1.8.0_221”

2、安装eclipse

https://www.eclipse.org/
Version: 2019-06 (4.12.0)

设置代码自动提示

Windows -> preferences -> Java -> editor -> content assist 
->  auto activation  -> auto activation triggers for java
文本框中输入: abcdefghijklmnopqrstuvwxyz.

如何设置eclipse代码自动提示功能

3、eclipse安装e(fx)clipse插件

https://www.eclipse.org/efxclipse/install.html

菜单Help -> Install New Software… -> Add… -> 输入
Name: e(fx)clipse
Localtion: http://download.eclipse.org/efxclipse/updates-released/2.3.0/site/

-> OK -> 选中两项
a、e(fx)clipse – install
b、e(fx)clipse – single components

-> next完成

4、安装JavaFX Scene Builder可视化布局工具

Version: 2.0-b20, Changeset: 5cac093e5c1f
(1)下载安装JavaFX Scene Builder
https://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x-archive-2199384.html

(2)配置Eclipse以使用Scene Builder
菜单Window -> References -> JavaFX
SceneBuilder executable 选择刚刚安装好的程序路径
-> Ok

5、eclipse新建JavaFx项目

(1)创建项目
菜单File -> New -> Others… -> JavaFX -> JavaFX Project
application的子包中,生成名为Main.java的程序

(2)创建布局文件
File -> New -> Other… -> JavaFX -> New FXML Document
右键使用JavaFX Scene Builder打开fxml文件,拖拽控件布局,保存
在这里插入图片描述

6、运行应用程序

右键单击Main.java文件空白处,选择Run As -> Java Application

在这里插入图片描述

参考
JavaFX开发环境安装配置
Java-GUI快速入门-WindowBuilder