Java开发桌面程序学习（一）——JavaFx+Jfoenix初始以及搭建

╰半橙微兮° 2021-12-13 03:09 375阅读 0赞

## 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配置][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下载][javafx_scenebuilder]  
**下载2.0的windows安装文件即可**

### 制作一个HelloWorld程序 ###

#### 1.打开IDEA，新建一个JavaFx项目 ####

![1210268-20190601143704611-1948732946.png][]

#### 2.添加Maven到项目 ####

![1210268-20190601143921634-1907568271.png][]  
这里，不知道怎么回事，IDEA还是使用的默认的Maven设置，我们还是得设置一下，不然IDEA又会重新下载一些工具包  
![1210268-20190601150303660-2088864046.png][]

#### 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包  
![1210268-20190601151454435-260237951.png][]

#### 5.运行 ####

运行这里会出现异常，界面跑不出来，因为我们使用了Maven，它会把java文件编译成的class文件默认放在一个名为target的文件夹中，然后，那个文件夹没有我们所需要的布局文件，所以就会报错。  
[解决方法][Link 1]

再次运行，成功！！  
![1210268-20190601155401615-1730763256.png][]

转载于:https://www.cnblogs.com/kexing/p/10959878.html

[IDEA Maven]: https://www.cnblogs.com/kexing/p/10958796.html
[javafx_scenebuilder]: https://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x-archive-2199384.html
[1210268-20190601143704611-1948732946.png]: /images/20211210/919d37b0a18a4c5e8897f29f17d4e278.png
[1210268-20190601143921634-1907568271.png]: /images/20211210/09ea1ff71e914c65afc5522c94792a74.png
[1210268-20190601150303660-2088864046.png]: /images/20211210/e8020e61ae5145cfbb7525c5a0411ab8.png
[1210268-20190601151454435-260237951.png]: /images/20211210/530bc01f47d4466cbba65bdea044a68a.png
[Link 1]: https://www.cnblogs.com/kexing/p/10959869.html
[1210268-20190601155401615-1730763256.png]: /images/20211210/e8a3a024e9674f00af4a3fac0761bcda.png