JavaFx基础学习【一】：基本认识

拼搏现实的明天。 2023-10-14 17:53 59阅读 0赞

### **目录** ###

一、介绍

二、JavaFx应用基本结构

三、快速创建JavaFx项目体验

四、创建Maven项目体验

五、其他章节

--------------------

### 一、介绍 ###

JavaFX 是一个开源的下一代客户端应用平台，适用于基于Java构建的桌面、移动端和嵌入式系统。 它是许多个人和公司的共同努力的成果，目的是为开发丰富的客户端应用提供一个现代、高效、功能齐全的工具包。

### 二、JavaFx应用基本结构 ###

想要开发一款JavaFx应用，首先需要大致了解一下一款JavaFx应用程序的基本组成，只有大致上了解清楚之后，在开发JavaFx应用时就会减轻我们很多压力，从而在开发JavaFx应用程序上得心应手。

以下是JavaFx应用程序的大致组成：

![1a15730f2aa740c9aba05916246c0954.png][]

关于应用-Application、窗口-Stage、场景-Scene、节点-Node的学习，将会在后续其他文章展出，如果有感兴趣进一步了解的小伙伴可以前往学习（链接将会附在后面）

### 三、快速创建JavaFx项目体验 ###

目前高本版的idea创建JavaFx项目要求使用JDK11，如果是版本低的idea，可以使用JDK8进行开发，如果没有安装JDK11，则可以使用idea默认提供的JDK11进行开发。

1、使用idea提供的快速创建JavaFx功能创建JavaFx项目

![c38b41b7cdcc4d24ae7b7681a1e8bffb.png][]

2、项目结构

![7901bcc6d5a047e793dc634b9b7f3c5c.png][]

关于JavaFx的学习，将会在其他章节介绍，感兴趣的小伙伴可以前往学习（链接将会附在后面）

3、效果

![4bc0122e3e044c21932c4d258954560c.png][]

### 四、创建Maven项目体验 ###

1、创建一个Maven项目

![171ddc49d2684a158897dec54ba22d4a.png][]

2、编写App类，注意，此处需要引用的是JavaFx包下的组件

public class App extends Application{
    
        @Override
        public void start(Stage primaryStage) throws Exception {
    
            // 节点node
            Button button = new Button("test");
            BorderPane borderPane = new BorderPane(button);
    
            // 场景scene
            Scene scene = new Scene(borderPane, 300, 300);
    
            // 窗口Stage
            primaryStage.setScene(scene);
            primaryStage.setTitle("我的应用");
            primaryStage.show();
        }
    
        public static void main(String[] args )
        {
            launch(args);
        }
    }

3、在pom.xml中添加如下，也可以使用其他插件进行编译：

<build>
            <plugins>
                <plugin>
                    <groupId>org.apache.maven.plugins</groupId>
                    <artifactId>maven-compiler-plugin</artifactId>
                    <version>3.11.0</version>
                    <configuration>
                        <source>11</source>
                        <target>11</target>
                    </configuration>
                </plugin>
                <plugin>
                    <groupId>org.openjfx</groupId>
                    <artifactId>javafx-maven-plugin</artifactId>
                    <version>0.0.8</version>
                    <executions>
                        <execution>
                            
                            <id>default-cli</id>
                            <configuration>
                                <mainClass>com.example.demo/com.example.demo.App</mainClass>
                                <launcher>app</launcher>
                                <jlinkZipName>app</jlinkZipName>
                                <jlinkImageName>app</jlinkImageName>
                                <noManPages>true</noManPages>
                                <stripDebug>true</stripDebug>
                                <noHeaderFiles>true</noHeaderFiles>
                            </configuration>
                        </execution>
                    </executions>
                </plugin>
            </plugins>
        </build>

4、效果

类上

### 五、其他章节 ###

[JavaFx基础学习【二】：Stage\_明天再去学习的博客-CSDN博客][JavaFx_Stage_-CSDN]

[JavaFx基础学习【三】：Scene\_明天再去学习的博客-CSDN博客][JavaFx_Scene_-CSDN]

[JavaFx基础学习【四】：UI控件的通用属性\_明天再去学习的博客-CSDN博客][JavaFx_UI_-CSDN]

[JavaFx基础学习【五】：FXML布局文件使用\_明天再去学习的博客-CSDN博客][JavaFx_FXML_-CSDN]

[1a15730f2aa740c9aba05916246c0954.png]: https://img-blog.csdnimg.cn/1a15730f2aa740c9aba05916246c0954.png
[c38b41b7cdcc4d24ae7b7681a1e8bffb.png]: https://img-blog.csdnimg.cn/c38b41b7cdcc4d24ae7b7681a1e8bffb.png
[7901bcc6d5a047e793dc634b9b7f3c5c.png]: https://img-blog.csdnimg.cn/7901bcc6d5a047e793dc634b9b7f3c5c.png
[4bc0122e3e044c21932c4d258954560c.png]: https://img-blog.csdnimg.cn/4bc0122e3e044c21932c4d258954560c.png
[171ddc49d2684a158897dec54ba22d4a.png]: https://img-blog.csdnimg.cn/171ddc49d2684a158897dec54ba22d4a.png
[JavaFx_Stage_-CSDN]: https://blog.csdn.net/Staba/article/details/132227741
[JavaFx_Scene_-CSDN]: https://blog.csdn.net/Staba/article/details/132244456
[JavaFx_UI_-CSDN]: https://blog.csdn.net/Staba/article/details/132245344
[JavaFx_FXML_-CSDN]: https://blog.csdn.net/Staba/article/details/132259634

发表评论取消回复

表情：

评论列表（有 0 条评论，59人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java 基础学习之反射机制一（认识 Class 类）

1 认识 Class 类在正常情况下，需要先有一个类的完整路径，引入之后可以按照固定的格式产生实例化对象，但是在 Java 中也允许一个实例化对象找到一个类的...

迷南。/ 2024年04月17日 21:07/ 0 赞/ 75 阅读

相关 JavaFx基础学习【三】：Scene

目录前言一、介绍二、代码体验三、结果演示四、总结五、其他章节 -------------------- 前言如果你还没有看过前面的文章，可以

叁歲伎倆/ 2023年10月14日 18:25/ 0 赞/ 52 阅读

相关 JavaFx基础学习【二】：Stage

目录前言一、介绍二、窗口Stage常用属性三、常用属性使用及演示四、其他章节 -------------------- 前言如果你还没有看过前面

r囧r小猫/ 2023年10月14日 17:56/ 0 赞/ 11 阅读

相关 JavaFx基础学习【一】：基本认识

目录一、介绍二、JavaFx应用基本结构三、快速创建JavaFx项目体验四、创建Maven项目体验五、其他章节 -------------------

拼搏现实的明天。/ 2023年10月14日 17:53/ 0 赞/ 60 阅读

相关 Java SE教程(一)——基本认识

1.运行第一个java程序 ①在idea中将项目文件夹设置为`Sources Root`，这样才能创建`Package` ![在这里插入图片描述][watermark

女爷i/ 2023年01月19日 07:23/ 0 赞/ 142 阅读

相关 MyBatis学习（一）——认识Mybatis

MyBatis学习 MyBatis MyBatis学习一、MyBatis是什么？二、获得MyBatis 1.1、什么是持久化 1.

绝地灬酷狼/ 2022年12月28日 09:25/ 0 赞/ 187 阅读

相关 react 的基础认识一

一、React 出现的历史背景及特性介绍 1. 传统 `Web UI` 开发问题出现的根源，如下所示：传统 `UI` 操作关注太多细节应用程序状态分散

爱被打了一巴掌/ 2022年11月11日 14:41/ 0 赞/ 243 阅读

相关 java2d javafx_学习JavaFX（一）：初步认识GUI设计

JavaFX v.s. Java JavaFX：声明式、静态类型的脚本语言；它具有一等函数、声明的语法、列表推导，以及基于依赖关系的增量式求值等特征；JavaFX 脚本式语言

川长思鸟来/ 2022年11月09日 12:46/ 0 赞/ 246 阅读

相关小程序学习记录一：小程序基础认识

小程序基础认识一、小程序和网页的区别 1.运行环境不同 2.API不同二、AppID 三、小程序的目录结构 1

偏执的太偏执、/ 2021年09月07日 06:19/ 0 赞/ 666 阅读

相关 jQuery学习（一）认识jQuery

认识jQuery 1.原生JS的缺点首先呢，我们来做一个小的案例：在界面上放置两个按钮，四个div，这两个按钮的功能分别是给div添加边框和添加一些文字。我们用原

约定不等于承诺〃/ 2021年06月15日 20:36/ 0 赞/ 705 阅读