Java開發桌面程式學習(一)——JavaFx+Jfoenix初始以及搭建

one發表於2019-06-01

Java開發桌面程式學習(一)——JavaFx+Jfoenix初始以及搭建

前言

想做一個Java的桌面程式,但是,使用原生的Swing感覺又十分麻煩,那個佈局都是拿程式碼設定,看著十分的亂,偶然的情況下, 瞭解到了JavaFx,使用上Jfoenix的UI,介面十分好看,便是想來學一學。
雖然現在大多數桌面程式都是使用微軟的.net,使用的是VB,C#。但是,我現在暫時又太想學新知識,懂Java就拿Java做吧。

JavaFx介紹

我們都知道,Java中可以使用swing來寫Java程式的介面,不過,那樣都是全程式碼新增的,想要預覽效果還得執行,十分的麻煩,JavaFx則是將介面和邏輯都分開處理了,相當於Android開發那樣。

Jfoenix

Java的UI控制元件不是很好看,而Jfoenix則是一位大佬開發的仿谷歌的MD設計的UI控制元件,是在JavaFx的UI控制元件基礎上改造的,所以我們可以直接拿來用。

環境配置

我這裡是使用了IDEA + Maven進行JavaFx程式的開發,Maven的配置看這一篇IDEA Maven配置
首先,使用Maven匯入Jfoenix的jar包
pom.xml在輸入下面程式碼,如果之前有加過了其他的依賴,則不需要外面的那個dependencies標籤

<dependencies>
    <dependency>
        <groupId>com.jfoenix</groupId>
        <artifactId>jfoenix</artifactId>
        <version>8.0.8</version>
    </dependency>
</dependencies>

初次之外,還需要下一款軟體,javafx_scenebuilder,相當於預覽介面,不過每次預覽都得開啟軟體,感覺還是有些繁瑣,並不能像Android那樣邊改邊預覽。
不過,JavaFx只有這款軟體可以用,既然沒辦法造工具,那麼只好去使用現有的工具吧。
javafx_scenebuilder下載
下載2.0的windows安裝檔案即可

製作一個HelloWorld程式

1.開啟IDEA,新建一個JavaFx專案

Java開發桌面程式學習(一)——JavaFx+Jfoenix初始以及搭建

2.新增Maven到專案

Java開發桌面程式學習(一)——JavaFx+Jfoenix初始以及搭建
這裡,不知道怎麼回事,IDEA還是使用的預設的Maven設定,我們還是得設定一下,不然IDEA又會重新下載一些工具包
Java開發桌面程式學習(一)——JavaFx+Jfoenix初始以及搭建

3.使用Maven新增Jfoenix

pom.xml檔案中貼上上面新增Jfoenix的程式碼

4.修改佈局

開啟simple.xml檔案,在裡面加入一個label標籤(也就是swing中顯示文字用的控制元件)

<?import javafx.geometry.Insets?>
<?import javafx.scene.layout.GridPane?>

<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<GridPane fx:controller="sample.Controller"
          xmlns:fx="http://javafx.com/fxml" alignment="center" hgap="10" vgap="10">
    <Label text="hello wolrd"/>
</GridPane>

PS:

  • 還有,在檔案任意一處點選右鍵,選擇open in scenebuilder,之後選擇我們安裝的exe檔案即可
  • 之後,該檔案的下面就可以切換到Scenebuilder預覽介面

scene builder還可以匯入我們的Jfoenix的jar包,如圖,點選齒輪,之後選擇jJfoenix的ar包
Java開發桌面程式學習(一)——JavaFx+Jfoenix初始以及搭建

5.執行

執行這裡會出現異常,介面跑不出來,因為我們使用了Maven,它會把java檔案編譯成的class檔案預設放在一個名為target的資料夾中,然後,那個資料夾沒有我們所需要的佈局檔案,所以就會報錯。
解決方法

再次執行,成功!!
Java開發桌面程式學習(一)——JavaFx+Jfoenix初始以及搭建

相關文章