JavaGUI---JavaFX---未完结

2024-05-15 20:36
文章标签 java gui fx 未完结

本文主要是介绍JavaGUI---JavaFX---未完结，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、Java事件处理机制的应用

JavaFX：JavaFX是Java平台上的一个GUI工具包，它提供了一些内置的事件处理机制。

Swing：Swing是Java平台上的另一个GUI工具包，它也提供了一些内置的事件处理机制。

二、JavaFX和Swing的关键区别：

以下是JavaFX和Swing之间的一些关键区别：

  • JavaFX是比Swing更新的技术，旨在最终取代它。
  • JavaFX旨在比Swing更现代和视觉上更吸引人，支持动画、3D图形和其他高级功能。
  • JavaFX使用场景图模型进行渲染，而Swing使用更传统的基于小部件的方法。
  • JavaFX比Swing更好地支持CSS样式，使创建视觉上一致的UI更容易。
  • JavaFX比Swing更好地支持多媒体和Web内容。

三、 使用idea创建JavaFX应用

在这里插入图片描述
BootstrapFX：https://github.com/kordamp/bootstrapfx

提供特殊的CSS样式表用于美化JavaFX的GUI

ControlsFX：https://controlsfx.github.io/ 提供更多JavaFX中没有的组件

FormsFX：https://github.com/dlsc-software-consulting-gmbh/FormsFX/ 可以快速创建和设计表单

FXGL：https://github.com/AlmasB/FXGL?tab=readme-ov-file

Ikonli：https://kordamp.org/ikonli/

图标包

TilesFX：https://github.com/HanSolo/tilesfx?tab=readme-ov-file
游戏开发框架

ValidatorFX： https://github.com/effad/ValidatorFX

用于表单验证等

三、笔记

本笔记大部分根据此视频整理：https://www.bilibili.com/video/BV1Qf4y1F7Zv/?spm_id_from=333.337.search-card.all.click&vd_source=4085910f7c5c4dddcc04446ebf3aed6b

1. 基本机构

在这里插入图片描述

一个javaFX程序一般会有一个或多个窗口(Stage类的实例)，
窗口可以设置一个场景（Scene类的实例），窗口可以切换不同的场景，但是一次只能设置一个，每个场景中可以添加一个或多个节点(node)，每个node中也可以嵌套多个(node)，node需有一个根节点

基本代码结构

Test就相当于程序的入口类，这个入口类必须继承Application，然后重写Application中的start方法，start方法中有个Stage 参数，这个就是表示的程序的窗口类，然后在重写的start方法中去实现一些场景，布局，节点等。

public class Test extends Application {public static void main(String[] args) {launch(args);}@Overridepublic void start(Stage stage) throws Exception {//窗口stage.setTitle("我时窗口");//标签Label label = new Label("我是标签");//场景Scene scene = new Scene(label,300 , 300);stage.setScene(scene);stage.show();}
}

2. 涉及类介绍

Application

Application类是程序入口类继承之后，重写其中的start()方法即可，但如果你要在窗口的创建前后做一些其他事情，那可以重写其init()方法和stop()方法，因为Application的生命周期为init() ----->start() ----->stop()(窗口关闭时自动调用)。

在idea中使用alt+insert ，点击Override Method 重写 init() 和stop()

Stage

窗口
常用方法：

  • Title

  • icon 设置程序的
    在这里插入图片描述

    此icon图片在resources下的images目录，resources目录的属性为 Rsources Root
    在这里插入图片描述

stage.getIcons().add(new Image(Objects.requireNonNull(getClass().getResourceAsStream("/images/img.png"))));

  • resiziable
    窗口大小是否可变，默认true可变，false 不可变

    stage.setResizable(false);

  • x,y,width,height
    窗口的宽高，一般不设置，都是设置场景的宽高

  • StageStyye
    窗口样式，比如不显示关闭和图片等外边样式。

    //默认样式，系统样式
stage.initStyle(StageStyle.DECORATED);

    具体查看StageStyle中的其他枚举

  • Modality
    窗口的模态，也就是窗口之间的影响关系，比如子窗口打开之后不能点击父窗口这种功能。

    stage.initModality(Modality.NONE);

    具体查看Modality中的其他枚举

  • event
    事件

       //设置关闭窗口时，程序是否退出 默认为true 退出 false 不退出Platform.setImplicitExit(false);stage.setOnCloseRequest(event -> {System.out.println("关闭窗口");//取消默认关闭窗口事件event.consume();Alert alert = new Alert(Alert.AlertType.CONFIRMATION);alert.setTitle("退出程序");alert.setHeaderText(null);alert.setContentText("点击确定退出");alert.showAndWait().ifPresent(response -> {if (response == ButtonType.OK) {stage.close();Platform.exit();}});});

Scene

场景

  1. 场景切换

创建button --> 设置button位置—>把button放入锚点布局中—>创建场景，把锚点布局放入场景中 —>给button设置事件（因为是切换场景，所以给button设置事件要有第二个场景对象，所以此处给button设置事件写在最后，也就是第二个场景创建完成之后）

    public void start(Stage stage) throws Exception {//创建一个buttonButton button0 = new Button("切换场景");//设置button的位置button0.setLayoutX(150);button0.setLayoutY(150);//把button放入锚点布局 AnchorPane anchorPane = new AnchorPane(button0);//创建场景,把锚点布局放入场景Scene scene = new Scene(anchorPane, 300, 300);Button button1 = new Button("返回场景");button1.setLayoutX(150);button1.setLayoutY(150);//标签Label label = new Label("我是标签");label.setLayoutX(100);label.setLayoutY(100);AnchorPane anchorPane1 = new AnchorPane(button1, label);//场景2Scene scene2 = new Scene(anchorPane1, 300, 300);//给button0 添加事件button0.setOnAction(event -> {stage.setScene(scene2);});button1.setOnAction(event -> {stage.setScene(scene);});//窗口stage.setTitle("我时窗口");stage.getIcons().add(new Image(Objects.requireNonNull(getClass().getResourceAsStream("/images/img.png"))));stage.setScene(scene);stage.show();}
  1. 鼠标箭头的样式
scene.setCursor(new ImageCursor(new Image(Objects.requireNonNull(getClass().getResourceAsStream("/images/1xxx.png")))));
scene2.setCursor(new ImageCursor(new Image(Objects.requireNonNull(getClass().getResourceAsStream("/images/2xxx.png")))));

Node

Node类是一个抽象类，所有控件都是的父类都是最终继承的Node抽象类，包括但不限于 按钮、复选框、颜色选择、日期选择、文字输入框、导航栏以及所有的可见控件。
常用方法
下面以Label标签为例来展示Node中的一些常用方法

        //标签Label label = new Label("我是标签");//设置标签的位置label.setLayoutX(100);label.setLayoutY(100);//设置标签的样式label.setStyle("-fx-font-size: 20px; -fx-border-color: blue; -fx-border-width: 3px");//设置标签的宽高label.setPrefWidth(200);label.setPrefHeight(50);//设置标签的对齐方式label.setAlignment(Pos.CENTER);//设置标签的可见性
//        label.setVisible(false);//设置标签的混合模式 比如两个图层交叉部分的混合样式，不常用
//        label.setBlendMode(BlendMode.ADD);//设置标签的透明度label.setOpacity(0.5);//设置标签的旋转角度label.setRotate(45);//设置标签的平移label.setTranslateX(20);label.setTranslateY(20);//设置3D的旋转角度label.setScaleX(2);label.setScaleY(2);label.setScaleY(2);//获取父节点Parent parent = label.getParent();//获取节点所在的场景Scene scene1 = label.getScene();//获取节点的idString id = label.getId();

Node属性的 单向绑定 和 监听器

Circle circle = new Circle();circle.setCenterX(50);circle.setCenterY(50);circle.setRadius(25);circle.setFill(Color.WHITE);circle.setStroke(Color.BLACK);//Node属性的 单向绑定 ，例如 当scene的宽高改变时，circle的宽高也会改变circle.centerXProperty().bind(scene2.widthProperty().divide(2));circle.centerYProperty().bind(scene2.heightProperty().divide(2));//Node属性的 监听器 ，监听属性的变化circle.centerXProperty().addListener((observable, oldValue, newValue) -> {System.out.println("X 轴位置改变了，原来是 "+oldValue+",现在是 "+newValue);});circle.centerYProperty().addListener((observable, oldValue, newValue) -> {System.out.println("Y 轴位置改变了，原来是 "+oldValue+",现在是 "+newValue);});

控件事件绑定

控件也就是继承node的那些控件，比如按钮，文本框，标签等，见上面Node介绍。
控件事件绑定就是给按钮绑定点击事件，键盘事件，鼠标事件，拖拽等。
其使用方法基本都是 控件.setOn事件(event) ，具体使用查看文档，事件非常多。

示例为给按钮绑定点击事件，给场景绑定键盘按下释放时的事件。

        Button button3 = new Button("向上移动");//设置button的位置button3.setLayoutX(200);button3.setLayoutY(200);//button3按钮绑定事件 label 向上移动5px   ---- 主要方法button3.setOnAction(event -> {label.setLayoutY(label.getLayoutY()-5);});AnchorPane anchorPane1 = new AnchorPane(button1, label,circle,button3);//场景2Scene scene2 = new Scene(anchorPane1, 300, 300);//给场景2添加键盘事件 如果按键盘向下键击，label 向下移动5pxscene2.setOnKeyReleased(event -> {KeyCode code = event.getCode();if (code == KeyCode.DOWN){label.setLayoutY(label.getLayoutY()+5);}});

Color、Font、Image

color

        Color black = Color.BLACK;Color rgb = Color.rgb(255, 0, 0);Color hsb = Color.hsb(0, 0, 0);Color web = Color.web("#ff0000");

Font

      Font font1 = new Font("微软雅黑", 20);Font font = Font.font("微软雅黑", 20);// 字体，自重（bold是加粗），大小Font font2 = Font.font("仿宋", FontWeight.BOLD, 20);//使用资源文件种的字体 或者加载网络中的字体Font font3 = Font.loadFont(Objects.requireNonNull(Test.class.getResource("")).toExternalForm(), 20);

Image
可以使用本地或者网络中的图片

  ImageView imageView = new ImageView();Image image = new Image(Objects.requireNonNull(getClass().getResourceAsStream("/images/img.png")));imageView.setImage(image);

3. FXML布局文件

在这里插入图片描述
想写什么控件，就用什么标签，标签里的属性与写类代码时的属性一直

4. SceneBuilder

首先下载SceneBuilder： https://openjfx.cn/scene-builder/
一路下一步安装，安装之后在idea中配置
在这里插入图片描述
配置完之后在idea中打开fxml使用SceneBuilder打开方式
在这里插入图片描述
在SceneBuilder中创建FXMl，拖拽创建控件，然后修改控件属性，绑定事件
在这里插入图片描述
出现控制器中的代码
在这里插入图片描述
file–>save 保存 FXML

5. Controller中的initialize方法

布局文件 和 此controller 设置的属性和事件都初始化完毕，则会自动调用 initialize
也就是说，在initialize 方法中，可以获取布局文件中的控件，并做相应的初始化,如果布局文件中控件已经设置了对应的属性或事件，则initialize方法中会覆盖。

示例：以下代码中initialize会覆盖moveLable方法。因为moveLable是bu在FXMl中绑定的setOnAction事件，但是initialize又给bu绑定了另一个setOnAction事件，又因为initialize是在控件所有属性和事件都初始化完毕之后才执行的，所以就覆盖掉了之前绑定的事件。

public class HelloController2 {@FXMLpublic Label la2;@FXMLpublic Button bu;@FXMLvoid moveLable() {System.out.println("点击");
//        la2.setLayoutY(la2.getLayoutY() - 10);}//布局文件 和 此controller 设置的属性和事件都初始化完毕，则会自动调用 initialize//也就是说， 在initialize 方法中，可以获取布局文件中的控件，并做相应的初始化,如果布局文件中控件已经设置了对应的属性或事件，则initialize方法中会覆盖public void initialize() {bu.setOnAction(event -> {System.out.println("xxxxxx");});}
}

6. 入口类Application中操作controller

比如，当需要图形根据scene 的大小的变化而变化时，也就是scene 的操作需要影响控件。
主要方法：fxmlLoader.getController()

public class HelloApplication extends Application {@Overridepublic void start(Stage stage) throws IOException {FXMLLoader fxmlLoader = new FXMLLoader(HelloApplication.class.getResource("demo.fxml"));Scene scene = new Scene(fxmlLoader.load(), 600, 400);//-----主要方法HelloController2 controller = fxmlLoader.getController();//circleBind 为controller中自己定义的方法controller.circleBind(scene);//---主要方法stage.setTitle("Hello!");stage.setScene(scene);stage.show();}public static void main(String[] args) {launch();}
}

public class HelloController2 {@FXMLprivate Circle uu;public void circleBind(Scene scene){//单向数据绑定uu.centerYProperty().bind(scene.heightProperty().divide(2));uu.centerXProperty().bind(scene.widthProperty().divide(2));}}

这篇关于JavaGUI---JavaFX---未完结的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/992856。

相关文章

Java CompletableFuture如何实现超时功能

Java CompletableFuture如何实现超时功能

《JavaCompletableFuture如何实现超时功能》：本文主要介绍实现超时功能的基本思路以及CompletableFuture（之后简称CF）是如何通过代码实现超时功能的,需要的... 目录基本思路CompletableFuture 的实现1. 基本实现流程2. 静态条件分析3. 内存泄露 bug
阅读更多...
Java中Object类的常用方法小结

Java中Object类的常用方法小结

《Java中Object类的常用方法小结》JavaObject类是所有类的父类,位于java.lang包中,本文为大家整理了一些Object类的常用方法,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. public boolean equals(Object obj)2. public int ha
阅读更多...
SpringBoot项目中Maven剔除无用Jar引用的最佳实践

SpringBoot项目中Maven剔除无用Jar引用的最佳实践

《SpringBoot项目中Maven剔除无用Jar引用的最佳实践》在SpringBoot项目开发中,Maven是最常用的构建工具之一,通过Maven,我们可以轻松地管理项目所需的依赖,而,... 目录1、引言2、Maven 依赖管理的基础概念2.1 什么是 Maven 依赖2.2 Maven 的依赖传递机
阅读更多...
SpringBoot实现动态插拔的AOP的完整案例

SpringBoot实现动态插拔的AOP的完整案例

《SpringBoot实现动态插拔的AOP的完整案例》在现代软件开发中,面向切面编程（AOP）是一种非常重要的技术,能够有效实现日志记录、安全控制、性能监控等横切关注点的分离,在传统的AOP实现中,切... 目录引言一、AOP 概述1.1 什么是 AOP1.2 AOP 的典型应用场景1.3 为什么需要动态插
阅读更多...
Java实现Excel与HTML互转

Java实现Excel与HTML互转

《Java实现Excel与HTML互转》Excel是一种电子表格格式,而HTM则是一种用于创建网页的标记语言,虽然两者在用途上存在差异,但有时我们需要将数据从一种格式转换为另一种格式,下面我们就来看看... Excel是一种电子表格格式，广泛用于数据处理和分析，而HTM则是一种用于创建网页的标记语言。虽然两
阅读更多...
java图像识别工具类(ImageRecognitionUtils)使用实例详解

java图像识别工具类(ImageRecognitionUtils)使用实例详解

《java图像识别工具类(ImageRecognitionUtils)使用实例详解》：本文主要介绍如何在Java中使用OpenCV进行图像识别,包括图像加载、预处理、分类、人脸检测和特征提取等步骤... 目录前言1. 图像识别的背景与作用2. 设计目标3. 项目依赖4. 设计与实现 ImageRecogni
阅读更多...
Java中Springboot集成Kafka实现消息发送和接收功能

Java中Springboot集成Kafka实现消息发送和接收功能

《Java中Springboot集成Kafka实现消息发送和接收功能》Kafka是一个高吞吐量的分布式发布-订阅消息系统,主要用于处理大规模数据流,它由生产者、消费者、主题、分区和代理等组件构成,Ka... 目录一、Kafka 简介二、Kafka 功能三、POM依赖四、配置文件五、生产者六、消费者一、Kaf
阅读更多...
Java访问修饰符public、private、protected及默认访问权限详解

Java访问修饰符public、private、protected及默认访问权限详解

《Java访问修饰符public、private、protected及默认访问权限详解》：本文主要介绍Java访问修饰符public、private、protected及默认访问权限的相关资料,每... 目录前言1. public 访问修饰符特点：示例：适用场景：2. private 访问修饰符特点：示例：
阅读更多...
详解Java如何向http/https接口发出请求

详解Java如何向http/https接口发出请求

《详解Java如何向http/https接口发出请求》这篇文章主要为大家详细介绍了Java如何实现向http/https接口发出请求,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 用Java发送web请求所用到的包都在java.net下，在具体使用时可以用如下代码，你可以把它封装成一
阅读更多...
SpringBoot使用Apache Tika检测敏感信息

SpringBoot使用Apache Tika检测敏感信息

《SpringBoot使用ApacheTika检测敏感信息》ApacheTika是一个功能强大的内容分析工具,它能够从多种文件格式中提取文本、元数据以及其他结构化信息,下面我们来看看如何使用Ap... 目录Tika 主要特性1. 多格式支持2. 自动文件类型检测3. 文本和元数据提取4. 支持 OCR（光学
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2