JavaFX之springboot搭建

Dear 丶 2023-06-18 14:57 9阅读 0赞

### 目录 ###

*  一：准备
 *  二：修改Application类，测试应用
 *  三：改造应用

前言：本次结合springboot，采用的是FXML的方式，打包工具gradle

# 一：准备 #

在maven中央仓库上面找到下面的依赖，导入build.gradle中  
`implementation 'de.roskenet:springboot-javafx-support:2.1.6'`

# 二：修改Application类，测试应用 #

主类是需要继承AbstractJavaFxApplicationSupport这个类型，添加main方法和SpringBootApplication注解。我们使用launch方法代替SpringApplication.run  
![在这里插入图片描述][2019120311025499.png_pic_center]launch方法在AbstractJavaFxApplicationSupport有多个重载

/** * appClass 应用启动类 * view 视图，启动界面 * splashScreen 应用启动时闪屏 * args command 参数 */
    launch(final Class<? extends Application> appClass,final Class<? extends AbstractFxmlView> view, final String[] args);
    launch(final Class<? extends Application> appClass,final Class<? extends AbstractFxmlView> view, final SplashScreen splashScreen, final String[] args)

注意：上面改造启动类中，使用的是

launch(Class<? extends Application> appClass, String... args)

为了测试工程是否搭建成功，所以先使用的Application的launch方法，因为AbstractJavaFxApplicationSupport继承Application，所以可以直接使用

接下来我们先创建一个场景测试一下

@Override
        public void start(Stage stage) throws Exception { 
            /** * 首先我们创建一个Button，当我们点击Button的时候，改变Button的内容。 */
    
            Button btnHello = new Button("Hello");
            /** * 设置btnHello按钮点击事件 * 这里使用了Java8的Lambda表达式。setOnAction的参数为EventHandler<ActionEvent> value * EventHandler为一个接口，所以我们有三种方式实现EventHandler接口： * 1. 创建一个内部类 * 2. 创建一个匿名类 * 3. 使用Lambda表达式（适用于函数体不大的情况） */
            btnHello.setOnAction(event->{ 
                btnHello.setText("Hello World, I am JavaFX!");
            });
    
            /** * BorderPane是一个用于布局的Pane，BoerderPane将面板分割为上下左右中五部分。 * 我们可以将UI控件放置在BorderPane的上下左右和中间。 * 这里将将Button放置在中间。 */
            BorderPane pane = new BorderPane();
            pane.setCenter(btnHello);
    
            // 将pane加入到Scen中
            Scene scene = new Scene(pane, 500, 500);
    
            // 设置stage的scen，然后显示我们的stage
            stage.setScene(scene);
            stage.setTitle("Hello World");
            stage.show();
        }

效果：  
![在这里插入图片描述][20191203113939182.png_pic_center]  
![在这里插入图片描述][20191203114149377.gif_pic_center]  
到这里，表示我们在springboot启动应用成功了，但是目前和springboot-javafx-support还没有关系。

# 三：改造应用 #

1.  创建一个fxml文件  
    ![在这里插入图片描述][20191203142148791.png_pic_center]  
    ![在这里插入图片描述][20191203142244543.png]  
    fx:controller表示一个fxml处理器，这里（非常类型android studio开发），注意这里需要添加全路径class名。可以将FXML文件中声明的GUI组件绑定在一起。**加载FXML文件时，将创建此类的实例**。为此，控制器类必须具有无参数构造函数。  
    fx:id：FXML元素分配ID。这些ID可用于引用FXML文件中其他位置的FXML元素。通过id，FXML命名空间中的属性指定FXML元素的ID，可以将FXML文件中的JavaFX组件绑定到控制器类中的字段
2.  创建controller  
    创建一个loginController绑定login.xml，实现Initializable接口初始化组件状态
    
        @FXMLController
        public class LoginController implements Initializable { 
        
            private Stage primaryStage;
        	@FXML // 可忽略
            public Button button;// 注意必须为public修饰符
            @Override
            public void initialize(URL location, ResourceBundle resources) { 
                primaryStage = JavafxSpringboot1Application.getStage();
                button.setOnAction(event -> { 
                    Alert alert = new Alert(Alert.AlertType.INFORMATION, "hello world");
                    alert.initOwner(primaryStage);
                    alert.showAndWait();
                });
            }
        }
    
    @FXMLController是springboot-javafx-support的注解  
    表明这是一个FXML处理器，它会给控制器添加一个@Component的注解，将类交给spring容器管理。
3.  创建view
    
        @FXMLView(value = "/fxml/login.fxml" )
        public class LoginView extends AbstractFxmlView { 
        }
    
    @FXMLView是springboot-javafx-support的注解  
    表示要在JavaFX视图的上下文中使用的类。这些类与fxml标记文件结合使用。它会给控制器添加一个@Component的注解，将类交给spring容器管理。  
    AbstractFxmlView ：它通过Spring为Java FX控制器提供DI，同时支持使用注解@FXMLView来驱动，配置fxml,css等
4.  改造启动类  
    删除重写start
    
        @SpringBootApplication
        public class JavafxSpringboot1Application extends AbstractJavaFxApplicationSupport { 
            public static void main(String[] args) { 
                launch(JavafxSpringboot1Application.class, LoginView.class, args);
            }
        }
    
    效果：  
    ![在这里插入图片描述][2019120315370280.gif]

[2019120311025499.png_pic_center]: https://img-blog.csdnimg.cn/2019120311025499.png#pic_center
[20191203113939182.png_pic_center]: https://img-blog.csdnimg.cn/20191203113939182.png#pic_center
[20191203114149377.gif_pic_center]: https://img-blog.csdnimg.cn/20191203114149377.gif#pic_center
[20191203142148791.png_pic_center]: https://img-blog.csdnimg.cn/20191203142148791.png#pic_center
[20191203142244543.png]: https://img-blog.csdnimg.cn/20191203142244543.png
[2019120315370280.gif]: https://img-blog.csdnimg.cn/2019120315370280.gif