搭建JavaFX Scene Builder环境

• 介绍

JavaFX Scene Builder是一种可视布局工具，允许用户快速设计JavaFX应用程序用户界面，而无需编码。用户可以将UI组件拖放到工作区，修改其属性，应用样式表，并且它们正在创建的布局的FXML代码将在后台自动生成。它的结果是一个FXML文件，然后可以通过绑定到应用程序的逻辑与Java项目组合。

• 下载安装

打开链接:https://www.oracle.com/technetwork/java/javase/downloads/javafxscenebuilder-1x-archive-2199384.html ,选择最新的下载

我下载的是javafx_scenebuilder-2_0-windows.msi,下载之后进行安装，安装好之后，桌面会有个这样的图标

双击启动软件,启动好之后的界面如下图所示

上图左侧是组件，中间是放组件的面板,右侧为组件的属性

• 配置Scene Builder

IDEA中启用JavaFX 插件:使用快捷键:Ctrl+Alt+S打开settings面板，点击plugins(插件)，然后搜索javaFx，启动javaFx插件,然后重启IDEA生效配置.

IDEA设置Scene Builder的可执行文件的路径：Ctrl+Alt+S，搜索JavaFX,配置本地安装路径.

这样我们第一步配置JavaFX Scene Builder环境就完成了.

搭建springboot+javaFX项目

我使用spring脚手架快速搭建项目(这里省略)

项目结构

导入jar包

<dependency>
    <groupId>de.roskenet</groupId>
    <artifactId>springboot-javafx-support</artifactId>
    <version>2.1.6</version>
</dependency>


<dependency>
    <groupId>de.roskenet</groupId>
    <artifactId>springboot-javafx-test</artifactId>
    <version>1.3.0</version>
    <scope>test</scope>
</dependency>

LoginController:

package com.javafx.demo.controller;

import de.felixroske.jfxsupport.FXMLController;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Button;
import javafx.scene.control.PasswordField;
import javafx.scene.control.TextField;

import java.net.URL;
import java.util.ResourceBundle;

@FXMLController
public class LoginController implements Initializable {

    @FXML
    private TextField userNameField;

    @FXML
    private Button registerBut;

    @FXML
    private Button loginBut;

    @FXML
    private PasswordField passwordField;

    @FXML
    void login(ActionEvent event) {
        System.out.println("login");
      	//这里编写业务逻辑
	
    }

    @FXML
    void register(ActionEvent event) {
        System.out.println("register");
        //这里编写业务逻辑
    }

    @Override
    public void initialize(URL location, ResourceBundle resources) {

    }
}

MainLogin:

package com.javafx.demo.views;

import de.felixroske.jfxsupport.AbstractFxmlView;
import de.felixroske.jfxsupport.FXMLView;

@FXMLView(value = "/views/MainLogin.fxml")
public class MainLogin extends AbstractFxmlView {

}

DemoApplication:

package com.javafx.demo;

import com.javafx.demo.views.MainLogin;
import de.felixroske.jfxsupport.AbstractJavaFxApplicationSupport;
import javafx.stage.Stage;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class DemoApplication extends AbstractJavaFxApplicationSupport {

    public static void main(String[] args) {
        launch(DemoApplication.class, MainLogin.class, args);
    }

    @Override
    public void start(Stage stage) throws Exception {
        super.start(stage);
    }
    
}

MainLogin.fxml:

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.text.*?>
<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>


<AnchorPane prefHeight="250.0" prefWidth="400.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.javafx.demo.controller.LoginController">
   <children>
      <TextField fx:id="userNameField" layoutX="144.0" layoutY="87.0" />
      <PasswordField fx:id="passwordField" layoutX="144.0" layoutY="139.0" />
      <Text layoutX="76.0" layoutY="155.0" strokeType="OUTSIDE" strokeWidth="0.0" text="密码:" />
      <Text layoutX="70.0" layoutY="103.0" strokeType="OUTSIDE" strokeWidth="0.0" text="用户名:" />
      <Button fx:id="loginBut" layoutX="218.0" layoutY="190.0" mnemonicParsing="false" onAction="#login" text="登录" />
      <Button fx:id="registerBut" layoutX="99.0" layoutY="190.0" mnemonicParsing="false" onAction="#register" text="注册" />
   </children>
</AnchorPane>

启动完成界面

这里只做了简单的环境安装和项目搭建,看完觉得还不错可以关注一下！欢迎转发，点赞！