JavaFX 使用 FXML 創(chuàng)建界面。

結(jié)合 Scene Builder 可以讓UI和后臺(tái)實(shí)現(xiàn)分離，從而簡(jiǎn)化開發(fā)。

官方教程

https://docs.oracle.com/javase/8/javafx/properties-binding-tutorial/index.html

image

安裝和配置 Scene Builder

下載安裝

甲骨文網(wǎng)站上的 Scene Builder ，最高版本到 2.0，8.5 / 11.0可以在 Gluon 的網(wǎng)站上下載。這里用的是8.0。

配置到IDEA

image

之后就可以在右鍵菜單中直接打開

image

Scene Builder 功能提醒

值得注意的地方

保存

SceneBuilder是不會(huì)自動(dòng)保存的，修改完成之后必須手動(dòng)保存，這與IDE是不一樣的，容易忽略。

左上角

組件倉(cāng)庫，可以使用搜索。

image

左下角

在這里綁定到 FXML 的 Controller Class。

image

要注意的是，自動(dòng)提示功能，必須在同一目錄下，View 和 Controller 的FileName 一一對(duì)應(yīng) 才可以。

image

右下角

將 Builder 中的 XML對(duì)象 與 Controller 代碼中 Field 對(duì)象綁定。

可以自動(dòng)提示 Controller 中同類型的Field，如下：

image

image

但要注意的是，private 屬性必須加 @FXML 注解才可以被加載器訪問

綁定之后 Controller 中會(huì)有顯示

image

在IDEA中查看 JavaFX 文檔

兩個(gè)鏈接必須都填上，才能正確的跳轉(zhuǎn)到對(duì)應(yīng)頁面。

image

https://docs.oracle.com/javase/8/javafx/api/
https://docs.oracle.com/javase/8/docs/api/