维帝博客 - JavaFX笔记(1).创建 Maven+JavaFX+JFoenix 项目

### 1. 创建Java项目

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/202110210913406e08e4cc508747b0bf7e19ab65c73e34/123.png)

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/20211021091412c118c409621f4fae9f34ecd6084796b1/clipboard.png)

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/202110210914455db8f139194a4920978c4043996fd2cd/123.png)

#### 创建后的项目结构

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/20211021163045004929d5bf40406dadcd9d7a6cc04f0f/clipboard.png)

### 2. 添加框架支持

#### 在项目名上右键单击，选择“Add Framework Support"

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/202110210915505d1e644f770d4d48bc0721d7f8efb78c/123.png)

#### 选择Maven

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/202110210916284d044bc8b4e04393901089d23ec9f92a/123.png)

#### 添加Maven后的项目结构

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/202110210917033da20c8a7b3442739dcf385b62c71258/123.png)

### 3. 编辑pom.xml文件

```xml
<?xml version="1.0" encoding="UTF-8"?>
<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/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

<groupId>cn.veddy</groupId>
    
    <artifactId>JavaFX-Demo</artifactId>
    
    <version>1.0-SNAPSHOT</version>
    
    <packaging>jar</packaging>

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

<build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <configuration>
                    <source>8</source>
                    <target>8</target>
                </configuration>
            </plugin>
        </plugins>
    </build>

</project>
```

### 4. 在resources目录下创建fxml配置文件

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/202110210918205516faca08104d4fa835868acbf08a06/123.png)

#### main.fxml配置文件内容

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

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

#### 其中通过fx:controller来定义对应的事件处理Controller

### 5. 创建程序入口类MyApp.java

```java
package cn.veddy.gui.app;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

/**
 * 程序入口类，载入界面并显示
 * @author Veddy
 * @date 2021/10/13 10:29
 */
public class MyApp extends Application {

@Override
    public void start(Stage primaryStage) throws Exception {
        Parent root = FXMLLoader.load(getClass().getResource("/fxml/main.fxml"));
        primaryStage.setTitle("maven项目");
        Scene scene = new Scene(root, 900, 500);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

public static void main(String[] args) {
        launch(args);
    }
}
```

### 6.运行主程序MyApp.java后的运行效果图

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/20211021091956b06edaf4ae9c4a6eb43f3ea0361f0bce/123.png)

### 7. 最终项目结构

![](https://veddy-blog.oss-accelerate.aliyuncs.com/assets/images/article/20211021092043fd3b2fef6b644fb79b74e9cc33570e34/123.png)