搭建springboot+javaFX项目

搭建JavaFX Scene Builder环境

  • 介绍

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

  • 下载安装

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

搭建springboot javaFX项目

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

搭建springboot javaFX项目

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

搭建springboot javaFX项目

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

  • 配置Scene Builder

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

搭建springboot javaFX项目

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

搭建springboot javaFX项目

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

搭建springboot javaFX项目

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

项目结构

搭建springboot javaFX项目

导入jar包

<dependency>
    <groupId>de.roskenetgroupId>
    <artifactId>springboot-javafx-supportartifactId>
    <version>2.1.6version>
dependency>


<dependency>
    <groupId>de.roskenetgroupId>
    <artifactId>springboot-javafx-testartifactId>
    <version>1.3.0version>
    <scope>testscope>
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:



<?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>

启动完成界面

搭建springboot javaFX项目

这里只做了简单的环境安装和项目搭建,看完觉得还不错可以关注一下!

内容出处:,

声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/procedure/14666.html

发表评论

登录后才能评论