在Linux/Ubuntu上配置开发JavaFx程序

前言

不清楚什么原因，网络上关于JavaFx的中文资料很少，并且都很老，所以建议大家有兴趣学习JavaFx还是看官方文档比较好，而且貌似部分人不看好JavaFx。
关于Swing的资料倒是要多很多。我觉得挺奇怪的，从设计上来将，还是JavaFx高明一些嘛。

开始

打开Idea，在一个普通的Java项目里面，导入javafx包是找不到的。
好像是Idea 在创建Java项目的时候默认不导入JavaFx包，所以需要我们自己找到路劲并且导入。

打开 Project Structure，选择SDKs，可以看到JDK路径。

点击旁边的 “+” 号，然后在 jdk 目录下，/lib/ext文件夹里找到 jfxrt.jar 这个包，并且导入，就OK啦～

HelloWorld

第一个程序从HelloWorld开始！

package lin.Learning.JavaFx;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import javafx.scene.control.Label;


public class HelloWorld extends Application {

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

    @Override
    public void start(Stage primaryStage) {
        Label label = new Label("the first label");
        // 创建面板作为根节点
        StackPane rootNode=new StackPane();
        // 将label控件添加到根节点上
        rootNode.getChildren().add(label);
        // 创建场景对象，指定根节点对象和大小
        Scene scene=new Scene(rootNode,200,60);
        primaryStage.setTitle("Hello JavaFx");
        // 将场景添加到舞台中
        primaryStage.setScene(scene);
        // 显示舞台
        primaryStage.show();
    }
}

运行效果：

这样就完成了在Linux系统上的第一个JavaFx程序开发了。

安装 Scene Builder

JavaFx特色就是 View 和 Controller 分离，使用 fxml 写界面布局，并且 Oracle 提供了一款所见即所得的界面设计工具，不过要自己去安装。

下载地址：
https://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x-archive-2199384.html#javafx-scenebuilder-2.0-oth-JPR

选择对应系统的版本下载就行了，这里我选择的是Debian的deb安装包。

关于 Scene Builder 的安装，可以参照 oracle 的文档。

这里摘一段文档，关于在Linux平台安装 Scene Builder的：

(Linux platform) Extract the Scene Builder 2.0 files from the javafx_scenebuilder-2_0-linux-<platform>.tar.gz to a directory on your local file system, or double-click the javafx_scenebuilder-2_0-linux-<platform>.deb file to open it with Ubuntu Software Center, where <platform> is either x64 or i586. By default, the Scene Builder application is installed at /opt/JavaFXSceneBuilder2.0/.

可以看到，Scene Builder的安装目录是：/opt/JavaFXSceneBuilder2.0/

那么，接下来就要在IDEA中配置了。

IDEA配置

打开设置

配置路径

然后在我们的项目里面添加一个 FXML 文件。
右键就可以通过 Scene Builder 打开啦，这个二手手机出售界面还不错。