天天看點

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

繼續閱讀