天天看点

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

本文参考教程:

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文件,拖拽控件布局,保存

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

6、运行应用程序

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

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

参考

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

继续阅读