用 IntelliJ IDEA 创建一个简单的 JavaFX 项目

鉴于国内中文的 JavaFX 资料太少,因此在这里简单介绍一些 JavaFX 的常用组件和使用方法。
如果是使用过 WPF 或者对 web 前端组件有一些了解,那么 JavaFX 对你来说应该是非常简单的,基础组件差不多,只是在写法层面上有一点不同。
今天我们的目标是用 IntelliJ IDEA 创建一个简单的 JavaFX 项目,能跑就行,在下面的文章中会详细介绍组件功能。

  1. 打开你的 IntelliJ IDEA,我们创建一个新的项目,选择 JavaFX,然后点击 next。用 IntelliJ IDEA 创建一个简单的 JavaFX 项目_第1张图片

  2. 填写好你的项目名称以及存储路径,点击 Finish。此时一个 JavaFX 项目就创建出来了。
    用 IntelliJ IDEA 创建一个简单的 JavaFX 项目_第2张图片

  3. 此时默认的目录结构如下用 IntelliJ IDEA 创建一个简单的 JavaFX 项目_第3张图片
    先别急着运行,我们还需要做一些配置,此时运行会直接报错。

  4. 我们首先需要将项目交给 maven 管理,方便我们的维护。右键工程名,选择 Add Framework Support,我们找到倒数第五个 maven 选项,点击OK。用 IntelliJ IDEA 创建一个简单的 JavaFX 项目_第4张图片
    用 IntelliJ IDEA 创建一个简单的 JavaFX 项目_第5张图片
    此时我们看到了熟悉的 maven 界面。文件目录结构如下用 IntelliJ IDEA 创建一个简单的 JavaFX 项目_第6张图片
    sample包下的三个文件是项目创建时的示例文件,可以直接运行,但是当我们点击运行的时候还是会报如下错误用 IntelliJ IDEA 创建一个简单的 JavaFX 项目_第7张图片
    错误的直接原因是在启动时 maven 没有将我们的 sample.fxml 文件打包,导致在 Main 类中我们想要加载此文件时报错,明白了错误产生的原因,我们要对代码结构做一些修改来适配 maven。

  5. 将 sample.fxml 文件放入我们的 resources 文件夹中,同时修改Main 类中的 Start 方法,将文件加载路径定义为

@Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("/sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();
    }

然后终于看到了我们的 Hello World!
用 IntelliJ IDEA 创建一个简单的 JavaFX 项目_第8张图片

你可能感兴趣的:(JavaFX,javafx)