一、JavaFX簡介：
????JavaFX是一個(gè)開源的下一代客戶端應(yīng)用平臺(tái)术吝，適用于基于Java構(gòu)建的桌面计济、移動(dòng)端和嵌入式系統(tǒng)。 它是許多個(gè)人和公司的共同努力的成果顿苇，目的是為開發(fā)豐富的客戶端應(yīng)用提供一個(gè)現(xiàn)代峭咒、高效、功能齊全的工具包纪岁。
二、開發(fā)環(huán)境：
開發(fā)工具：IntelijIdea则果，我選用的版本號(hào)為：2020.3.2幔翰。
JDK: ?openjdk-16 ,開發(fā)fx ?jdk版本必須11及其以上，我這里用的是jdk16西壮。
SDK: ?javafx-sdk-16 , sdk我用的是JavaFx最新發(fā)行版 JavaFX16遗增，最新版目前已經(jīng)到17了。
開發(fā)方式：
1款青、純IDEA開發(fā)JavaFX做修。
2、Maven方式開發(fā)JavaFX（這個(gè)實(shí)際項(xiàng)目用的多）抡草。
3饰及、還可以通過gradle方式開發(fā)JavaFx（這里暫不介紹）。
參考資料：https://openjfx.cn/openjfx-docs/JavaFX官網(wǎng)康震。
三燎含、純IDEA開發(fā)JavaFX:
1、從官網(wǎng)下載JavaFX SDK最新發(fā)布版腿短，比如JavaFX Windows x64 SDK ?Version 16屏箍，點(diǎn)擊Download绘梦，將下載后的sdk解壓到指定目錄下，比如D盤赴魁，如下圖：
2卸奉、新建一個(gè)JavaFX項(xiàng)目，為項(xiàng)目起1個(gè)名字颖御，如JavaFxDemo1择卦，如下圖：
3、默認(rèn)Idea無法識(shí)別JavaFx項(xiàng)目郎嫁，需要分別為項(xiàng)目添加jdk和sdk：
轉(zhuǎn)至File -> Project Structure -> Project秉继，并將jdk設(shè)置為16，sdk選擇X或者更高版本:
若電腦上沒有jdk的話泽铛，可以通過Download Jdk下載最新版的jdk尚辑，比如：openjdk-16：
4、配置sdk盔腔，選擇Libraries杠茬，點(diǎn)擊+號(hào)，點(diǎn)擊Java：
找到你剛才下載的sdk保存位置弛随，比如：D:\javafx-sdk-16\lib瓢喉，進(jìn)行添加：
添加完lib之后，Libraries是這個(gè)樣子的：
5舀透、配置VM options：
????配置完jdk和sdk后栓票，Idea是能識(shí)別JavaFX項(xiàng)目了，編譯也不報(bào)錯(cuò)愕够，可是運(yùn)行時(shí)會(huì)提示找不到運(yùn)行時(shí)環(huán)境走贪，這個(gè)時(shí)候需要配置Configurations，添加虛擬機(jī)選項(xiàng)惑芭，這個(gè)是這種方式的關(guān)鍵（官網(wǎng)上雖然也是這么介紹搭建的坠狡，但是漏了一些細(xì)節(jié)）：
點(diǎn)擊Edit ?Configurations后打開的界面默認(rèn)是沒有VM options這個(gè)選項(xiàng)的，如下圖：
????先不急著配這個(gè)遂跟，先去配置一個(gè)可以在將來的項(xiàng)目中使用的全局變量逃沿，轉(zhuǎn)至?Preferences (File -> Settings) -> Appearance & Behavior -> Path Variables，并將變量的名稱定義為PATH_TO_FX幻锁，然后瀏覽至JavaFX SDK的lib文件夾以設(shè)置其值凯亮，然后單擊Apply，如下圖：
????然后再回到剛才配置VM options的地方越败，點(diǎn)擊Edit ?Configurations触幼，剛才說了默認(rèn)是沒有VM options這個(gè)選項(xiàng)的，而這個(gè)是這種方式的關(guān)鍵究飞。首先你需要點(diǎn)擊右側(cè)的 Modify options置谦，在彈出的下拉菜單中找到Add VM options 如下圖：
添加完之后堂鲤，這時(shí)會(huì)發(fā)現(xiàn)比原先面板多出來1個(gè)VM options的輸入框，可以在里面輸入VM options的配置參數(shù)了：
????在VM options輸入框中輸入?yún)?shù)（官方推薦）：--module-path ${PATH_TO_FX} --add-modules javafx.controls,javafx.fxml
????然后點(diǎn)擊OK媒峡，這時(shí)候再去運(yùn)行Main程序就不會(huì)再報(bào)錯(cuò)了瘟栖，并且程序運(yùn)行完畢，會(huì)彈出一個(gè)框谅阿，類似于swing那種半哟，當(dāng)然你可以自定義里面的內(nèi)容，實(shí)現(xiàn)自己想要展示的效果：
6签餐、項(xiàng)目目錄結(jié)構(gòu)：
????項(xiàng)目默認(rèn)由3部分組成寓涨，首先是程序的啟動(dòng)類Main,用于加載布局文件，啟動(dòng)窗口氯檐，sample.fxml用于存放程序中用到的布局控件戒良，Controller控制器，用于監(jiān)聽控件各種點(diǎn)擊事件的冠摄，可自定義糯崎。如下圖所示
四、Maven方式開發(fā)JavaFX：
1河泳、首先新建項(xiàng)目沃呢，選擇maven方式，勾上Create from archetype拆挥，如果尚未安裝JavaFX原型薄霜，請(qǐng)選擇Add archetype...并設(shè)置groupId（org.openjfx），artifactId（javafx-maven-archetypes）和版本（0.0.5）竿刁，然后按OK黄锤。如下圖：
等插件安裝完成后記得選中該插件，然后再點(diǎn)擊下一步食拜，如下圖：
為新建的項(xiàng)目添加1個(gè)名字，如：JavaFxDemo2：
????最關(guān)鍵的一步來了副编，采用這種方式的特別注意负甸，在彈出的面板中，要修改archetypeArtifactIdd的值痹届，將默認(rèn)的javafx-maven-archetypes修改成javafx-archetype-fxml（使用FXML時(shí)）呻待，或者javafx-archetype-simple（不使用FXML時(shí)）如下圖：
做完上一步操作后，您還應(yīng)該聲明其版本號(hào)队腐，我這里用的JavaFX版本為16蚕捉，如下圖：
????點(diǎn)擊OK，F(xiàn)inish后柴淘，等待maven去下載依賴迫淹。待maven依賴下載好后秘通，pom.xml如下表所示：本項(xiàng)目用到的jdk和JavaFX版本號(hào)皆為16，JavaFX插件版本號(hào)為0.0.5敛熬，核心依賴是javafx.controls和javafx.fxml）
<project
xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
??xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
????<modelVersion>4.0.0</modelVersion>
????<groupId>top.lyoun</groupId>
????<artifactId>JavaFxDemo2</artifactId>
????<version>1.0-SNAPSHOT</version>
????<properties>
????????<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
????????<maven.compiler.source>16</maven.compiler.source>
????????<maven.compiler.target>16</maven.compiler.target>
????</properties>
????<dependencies>
????????<dependency>
????????????<groupId>org.openjfx</groupId>
????????????<artifactId>javafx-controls</artifactId>
????????????<version>16</version>
????????</dependency>
????????<dependency>
????????????<groupId>org.openjfx</groupId>
????????????<artifactId>javafx-fxml</artifactId>
????????????<version>16</version>
????????</dependency>
????</dependencies>
????<build>
????????<plugins>
????????????<plugin>
????????????????<groupId>org.apache.maven.plugins</groupId>
????????????????<artifactId>maven-compiler-plugin</artifactId>
????????????????<version>3.8.0</version>
????????????????<configuration>
????????????????????<release>11</release>
????????????????</configuration>
????????????</plugin>
????????????<plugin>
????????????????<groupId>org.openjfx</groupId>
????????????????<artifactId>javafx-maven-plugin</artifactId>
????????????????<version>0.0.5</version>
????????????????<configuration>
????????????????????<mainClass>top.lyoun.App</mainClass>
????????????????</configuration>
????????????</plugin>
????????</plugins>
????</build>
</project>
2肺稀、運(yùn)行JavaFX程序：
????找到App程序啟動(dòng)類，運(yùn)行App应民，程序運(yùn)行成功之后话原，默認(rèn)彈出如下界面，類似于swing诲锹，我們可以自定義里面的內(nèi)容來展示：
3繁仁、項(xiàng)目目錄結(jié)構(gòu)：
????目錄結(jié)構(gòu)如下圖所示，主要分為3大部分归园，分別是存放程序源代碼的java目錄黄虱，存放程序布局資源等的resources目錄，和Maven依賴文件pom.xml蔓倍。
????Java目錄中存放稱著啟動(dòng)類App和自定義的控制器Controller悬钳，該程序主要實(shí)現(xiàn)的就是在兩個(gè)界面中來回跳轉(zhuǎn)，響應(yīng)了控件的點(diǎn)擊事件偶翅，這里重點(diǎn)講下module-info.java這個(gè)文件默勾，這個(gè)java文件跟我們常看到的java類文件不同聚谁，你看他的文件名和類名并不相同母剥，這個(gè)文件是用來做模塊化開發(fā)的，你可以理解為是1個(gè)配置文件形导，用于將本程序用的到的所有modul环疼，java程序，布局文件組合起來朵耕。由于FXML使用反射來訪問模塊中的控制器炫隶，因此已將其打開javafx.fxml。如下圖所示：
requires即必要的阎曹，opens ?to ??打開...到.... ???exports ?即輸出到....
