JavaFx基础学习【四】:UI控件的通用属性

news2024/12/30 2:39:03

一、介绍

Node,就是节点,在整体结构中,就是黄色那一块,红色也算

个人理解,在实际中,Node可以说是我们的UI页面上的每一个节点了,比如按钮、标签之类的控件,而这些控件,大多都是有一些通用属性的,以下简单介绍一下。

 二、继承关系

所有的UI控件,都继承了Node类,在Node类中,定义了控件的通用属性的设置

@IDProperty("id")
public abstract class Node implements EventTarget, Styleable {
.....
}

对此类感兴趣的小伙伴可以自行了解

三、常用通用属性

以下以Button控件为进行介绍:

public class App extends Application{

    @Override
    public void start(Stage primaryStage) throws Exception {
        BUtton button = new Button("我是一个按钮");
        AnchorPane anchorPane = new AnchorPane();
        anchorPane.getChildren().add(button);
        Scene scene = new Scene(anchorPane, 400, 400);


        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

1、layoutX,设置控件在Scene场景中的x轴位置

button.setLayoutX(20);

2、layoutY ,设置控件在Scene场景中的y轴位置

button.setLayoutY(20);

3、preWidth,设置控件宽度

button.setPrefWidth(200);

4、preHeight,设置控件高度

button.setPrefHeight(200);

5、alignment,设置内容显示位置

button.setAlignment(Pos.BOTTOM_RIGHT);

6、visible,设置控件是否可视

button.setVisible(false);

7、opacity,设置控件透明度

button.setOpacity(0.5);

8、rotate,设置控件倾斜度

button.setRotate(90);

9、translateX、translateY、translateZ,控件在各个轴移动多少

button.setTranslateX(20);
button.setTranslateY(45);
button.setTranslateZ(180);

10、更多前往文档查找并且使用

四、属性Properties

上诉通用属性中,基本上都有对应的Properties子类类型,

比如,在Button控件中:

layoutX属性对应有layoutXProperty方法,返回的是DoubleProperty对象,

layoutY属性对应有layoutYProperty方法,返回的是DoubleProperty对象,

disable属性对应有disableProperty方法,返回的是BooleanProperty对象,

依次类推,具体看不同属性的返回值是哪一个Properties子类类型;

我们可以对这些属性的Property类型返回进行绑定bind或者监听addListener,细节请看下面属性绑定和属性监听章节

五、属性绑定

JavaFx中我们的属性可以与其它属性进行绑定,当其他属性的值发生改变之后,我们被绑定的属性值也将发生改变,参考如下案例:

1)属性没有进行绑定前:

public class HelloApplication extends Application {
    @Override
    public void start(Stage stage) throws IOException {
        Button button = new Button("我是一个按钮");

        BorderPane pane = new BorderPane(button);

        Scene scene = new Scene(pane, 320, 240);

        button.setPrefWidth(160);
        button.setPrefHeight(20);


        stage.setTitle("Hello!");
        stage.setScene(scene);
        stage.show();
    }

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

运行效果:

我们做如下操作,当我们拖动窗口大小,使窗口变长,发现按钮大小固定不变,并没有随着窗口变大而调整大小:

2) 进行属性绑定,以下我们将按钮的宽度属性与窗口的宽度属性进行绑定,当窗口宽度属性发生变化的时候,我们的按钮宽度属性也随之改变。

添加如下代码:

button.prefWidthProperty().bind(pane.widthProperty().divide(2));

观察效果,当我们拖到窗口宽度使之变宽之后,可以看到,按钮的宽度也随着窗口的宽度发生变化:

以上就是关于我们的属性绑定了,更多玩法还需要小伙伴自行进行拓展哦

六、属性监听

顾名思义,如果我们控件的属性进行了改变,我们可以对这些属性进行监听

public class App extends Application{

    @Override
    public void start(Stage primaryStage) throws Exception {
        Button button = new Button("我是一个按钮");
        button.disableProperty().addListener(new ChangeListener<Boolean>() {
            @Override
            public void changed(ObservableValue<? extends Boolean> observable, Boolean oldValue, Boolean newValue) {
                System.out.println("我是第一个按钮,我被禁用了");
            }
        });
        AnchorPane anchorPane = new AnchorPane();
        anchorPane.getChildren().add(button);

        Button button2 = new Button("禁用");
        button2.setLayoutY(50);
        button2.setOnAction(event -> {
            button.setDisable(true);
        });
        anchorPane.getChildren().add(button2);


        Scene scene = new Scene(anchorPane, 400, 400);


        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

以上就是关于我们的属性监听了,更多玩法还需要小伙伴自行进行拓展哦

七、事件驱动

事件驱动,也就是比如我们有一个按钮,我们点击按钮、鼠标点击、鼠标释放、鼠标移入、鼠标移出、键盘事件等的事件响应

在JavaFx中,事件驱动主要相关的函数是以setOnxxx命名的,接下来简单体验一下事件驱动吧

1、setOnAction,控件基础的功能事件

button.setOnAction(actionEvent -> {
    System.out.println("点击");
});

2、setOnKeyPressed,键盘按下事件,需要对场景Scene设置

scene.setOnKeyPressed(keyEvent -> {
    System.out.println("键盘按下");
});

3、setOnKeyReleased,键盘松开事件,需要对场景Scene设置 

scene.setOnKeyReleased(keyEvent -> {
    System.out.println("键盘松开");
});

4、setOnMouseEntered,鼠标移入事件

button.setOnMouseEntered(mouseEvent -> {
    System.out.println("鼠标移入");
});

5、setOnMouseEntered,鼠标移出事件

button.setOnMouseMoved(mouseEvent -> {
    System.out.println("鼠标移出");
});

6、还有更多其他事件,详情请参考文档

八、其他章节

待补充

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/878634.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

解决电脑声音正常但就是某些游戏没声音问题

电脑声音正常&#xff0c;玩普遍游戏也正常&#xff0c;就有游戏不出声音 详细介绍经过&#xff0c;不喜欢的请直接跳 第三部分。 一、先说下起因现象。 1 大富翁11 没声音。 前段时间无聊怀旧就买了个大富翁11玩玩&#xff0c;近二十年前的老台式机正常无问题。后来想在性能…

网络安全 Day31-运维安全项目-容器架构下

容器架构下 6. Dockerfile6.1 Docker自动化DIY镜像之Dockerfile1) 环境准备2) 书写Dockerfile内容3&#xff09; 运行Dockerfile生成镜像4) 运行容器5) 小结 6.2 案例14&#xff1a;Dockerfile-RUN指令1) 书写Dockerfile2) 构建镜像3) 启动容器4) 测试结果 6.3 Dockerfile指令 …

CMake教程6:调用lib、dll

之前我们学到了如何编写一个可执行程序和Library&#xff0c;在继续学习之前&#xff0c;需要解释下target&#xff0c;在cmake中我们可以给executable和library设置一个target名字&#xff0c;这样可以方便我们在后续对target进行更加详细的属性设置。 本节我们将学习如何在项…

Python学习笔记_基础篇_数据类型之字符串

一.基本数据类型 整数&#xff1a;int 字符串&#xff1a;str(注&#xff1a;\t等于一个tab键) 布尔值&#xff1a; bool 列表&#xff1a;list 列表用[] 元祖&#xff1a;tuple 元祖用&#xff08;&#xff09; 字典&#xff1a;dict 注&#xff1a;所有的数据类型都存在想对应…

jar包的解压缩和压缩后重新运行,报错:xxx.jar中没有主清单属性

同学们可以私信我加入学习群&#xff01; 正文开始 前言一、手动模拟过程定位问题二、jdk提供的jar包压缩工具总结 前言 我使用插件yauzl把jar包解压缩、修改properties、压缩后&#xff0c;发现新的jar包无法运行&#xff0c;提示&#xff1a;xxx.jar中没有主清单属性 然后通…

安装Linux操作系统CentOS 6详细图文步骤

为满足业务对Linux操作系统部署的要求&#xff0c;本文档主要提供CentOS 6操作系统的最小化安装和基本配置, 安装本系统建议最少1GB内存和2GB磁盘空间。 1、 使用光盘或者挂载ISO镜像&#xff0c;在出现如下图形界面时选择【Install or upgrade an existing system】并按Ent…

互联网发展历程:探究主机连接与网线的重要角色

互联网&#xff0c;这个如今贯穿我们日常生活的巨大网络&#xff0c;已经从最初的萌芽发展成为信息交流、商务、娱乐等多个领域的核心。它的发展历程却是一个漫长而精彩的故事。本文将带您回顾互联网的发展&#xff0c;深入探讨最基础的部分&#xff1a;如何将两台主机连接起来…

【Linux命令详解 | chown命令】 chown命令用于修改文件或目录的所有者,常与chmod一起使用

文章标题 简介一&#xff0c;参数列表二&#xff0c;使用介绍1. 更改文件的所有者2. 递归地更改目录及其内容的所有者3. 使用--from参数改变所有者4. 使用--reference参数参考其他文件或目录的所有者5. 获取帮助信息和版本信息 总结 简介 在Linux系统中&#xff0c;chown命令被…

算法与数据结构(二十四)最优子结构原理和 dp 数组遍历方向

注&#xff1a;此文只在个人总结 labuladong 动态规划框架&#xff0c;仅限于学习交流&#xff0c;版权归原作者所有&#xff1b; 本文是两年前发的 动态规划答疑篇open in new window 的修订版&#xff0c;根据我的不断学习总结以及读者的评论反馈&#xff0c;我给扩展了更多…

企业数字化转型:无形资产占比测算(2007-2021年)

在本次数据中&#xff0c;参考张永珅老师的做法&#xff0c;利用无形资产占比测算数字化转型程度。 一、数据介绍 数据名称&#xff1a;企业数字化转型&#xff1a;无形资产占比 数据年份&#xff1a;2007-2021年 样本数量&#xff1a;32960条 数据说明&#xff1a;包括数…

面试热题(缺失的第一个正数)

给你一个未排序的整数数组 nums &#xff0c;请你找出其中没有出现的最小的正整数。 请你实现时间复杂度为 O(n) 并且只使用常数级别额外空间的解决方案。 输入&#xff1a;nums [1,2,0] 输出&#xff1a;3 尝试的路途是痛苦的&#xff0c;不断的尝试新方法&#xff0c;错何尝…

嵌入式Linux开发实操(八):UART串口开发

串口可以说是非常好用的一个接口,它同USB、CAN、I2C、SPI等接口一样,为SOC/MCU构建了丰富的接口功能。那么在嵌入式linux中又是如何搭建和使用UART接口的呢? 一、Console接口即ttyS0 ttyS0通常做为u-boot(bootloader的一种,像是Windows的BIOS),它需要一个交互界面,一般…

开源数据库Mysql_DBA运维实战 (DCL/日志)

SQL&#xff08;Structured Query Language 即结构化查询语言&#xff09; a.DDL语句 数据库定义语言&#xff1a; 数据库&#xff0c;表&#xff0c;视图&#xff0c;索引&#xff0c;存储过程&#xff0c;函数&#xff0c;创建删除ALTER(CREATE DROP ALTER) b.DML语句 数…

Mybatis 简单试用

1. 创建项目 IDEA创建一个基本的maven项目。 导入依赖&#xff1a; <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0"xmlns:xsi"http://www.w3.org/2001/XMLSchema-instance"xs…

测试人进阶技能:单元测试报告应用指南

为什么需要单元测试 从产品角度而言&#xff0c;常规的功能测试、系统测试都是站在产品局部或全局功能进行测试&#xff0c;能够很好地与用户的需要相结合&#xff0c;但是缺乏了对产品研发细节&#xff08;特别是代码细节的理解&#xff09;。 从测试人员角度而言&#xff0…

Python程序设计基础:函数(二)

文章目录 一、lambda()函数二、递归函数三、变量的作用域 一、lambda()函数 lambda()函数是一种简便的&#xff0c;将函数定义在同一行的函数方法。lambda()实际上生成了一个函数对象&#xff08;匿名函数&#xff09;&#xff0c;它主要用于需要函数对象作为参数或函数比较简…

实时安全分析监控加强网络安全

网络犯罪分子只需几分钟&#xff0c;有时甚至几秒钟即可泄露敏感数据。但是&#xff0c;IT 团队可能无法在数周内发现这些违规行为。通常&#xff0c;这些违规行为是由外部方或客户发现的&#xff0c;到那时为时已晚。随着网络漏洞的激增&#xff0c;对安全分析的需求空前高涨。…

运行python安装包没找到

一、错误信息 ImportError: dlopen(/Users/menghuiding/Library/Python/3.8/lib/python/site-packages/PIL/_imaging.cpython-38-darwin.so, 0x0002): tried: /Users/menghuiding/Library/Python/3.8/lib/python/site-packages/PIL/_imaging.cpython-38-darwin.so (mach-o fil…

less基本使用

1 less中的变量 //对值进行声明 link-color: #ccc//定义变量名称 .{sleName} {}bg: background-color; //定义属性名称 .container {{bg}: red; }2 继承&#xff08;复用重复样式&#xff09; //继承必须位于选择器最后 //继承选择器名不能为变量 .a:hover:extend(.b) {}.a {…

使用ggplot2绘制热图(1)

#使用ggplot2绘制热图 library(ggplot2) #清空 rm(listls()) gc() # 创建数据集 data <- mtcars # 计算相关系数矩阵 cor_matrix <- cor(data) # 将相关系数矩阵转换为长格式&#xff08;用于绘制热图&#xff09; cor_data <- reshape2::melt(cor_matrix) str(cor_da…