当前位置：首页 > news >正文

JavaFX FXML模式下的布局

news 来源：原创 2025/7/22 9:09:10

常见布局方式概述
- 在 JavaFX FXML 模式下，有多种布局方式可供选择。这些布局方式可以帮助您有效地组织和排列 UI 组件，以创建出美观且功能良好的用户界面。
常用布局容器及布局方式
- BorderPane 布局
  - 特点：BorderPane 将空间划分为五个区域，分别是顶部（top）、底部（bottom）、左侧（left）、右侧（right）和中心（center）。这种布局方式非常适合创建具有明确区域划分的界面，如主窗口布局，其中中心区域可以放置主要内容，顶部放置菜单或标题栏，底部放置状态栏等。
  - 示例用法：
    - 在 FXML 文件中，可以这样定义一个 BorderPane 布局：
```
<?xml version="1.0" encoding="UTF - 8"?>
<?import javafx.scene.layout.BorderPane?>
<BorderPane xmlns:fx="http://javafx.com/fxml/1"><top><Label text="这是顶部区域"/></top><bottom><Label text="这是底部区域"/></bottom><left><Label text="这是左侧区域"/></left><right><Label text="这是右侧区域"/></right><center><Label text="这是中心区域"/></center>
</BorderPane>
```
    - 在这个例子中，我们通过在 BorderPane 的不同区域放置Label组件来展示其布局方式。各个区域的组件会按照 BorderPane 的布局规则自动排列。
- VBox 和 HBox 布局
  - 特点：VBox（垂直盒子）布局是将组件按照垂直方向排列，而 HBox（水平盒子）布局则是将组件按照水平方向排列。它们可以方便地用于创建表单、工具条等需要组件在一个方向上排列的界面部分。这些布局容器可以设置组件之间的间距、对齐方式等属性。
  - 示例用法：
    - 以下是一个 VBox 布局的 FXML 示例：
```
<?xml version="1.0" encoding="UTF - 8"?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.control.Button?>
<VBox xmlns:fx="http://javafx.com/fxml/1"><Button text="按钮1"/><Button text="按钮2"/><Button text="按钮3"/>
</VBox>
```
    - 在这个 VBox 布局中，三个Button组件会按照垂直方向依次排列。如果要使用 HBox 布局，只需将VBox标签替换为HBox标签，组件就会按照水平方向排列。
- GridPane 布局
  - 特点：GridPane 布局允许您将组件放置在一个二维的网格中。通过指定组件在网格中的行和列位置，可以创建出表格形式的布局，非常适合用于布局数据表格、表单等需要行列对齐的界面。它可以灵活地设置每个单元格的大小、组件在单元格中的对齐方式等。
  - 示例用法：
    - 下面是一个简单的 GridPane 布局示例：
```
<?xml version="1.0" encoding="UTF - 8"?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.TextField?>
<GridPane xmlns:fx="http://javafx.com/fxml/1"><Label text="姓名：" GridPane.rowIndex="0" GridPane.columnIndex="0"/><TextField GridPane.rowIndex="0" GridPane.columnIndex="1"/><Label text="年龄：" GridPane.rowIndex="1" GridPane.columnIndex="0"/><TextField GridPane.rowIndex="1" GridPane.columnIndex="1"/>
</GridPane>
```
    - 在这个例子中，我们使用 GridPane 布局创建了一个简单的表单。Label和TextField组件分别放置在网格的不同行和列位置，通过设置GridPane.rowIndex和GridPane.columnIndex属性来指定组件的位置。
- StackPane 布局
  - 特点：StackPane 布局是将所有组件堆叠在一起，后添加的组件会覆盖前面添加的组件（可以通过设置透明度等方式来调整显示效果）。这种布局方式适用于创建一些具有重叠效果的界面，如提示信息框覆盖在主界面上、图片和文字叠加等场景。
  - 示例用法：
    - 例如，以下是一个 StackPane 布局的 FXML 示例：
```
<?xml version="1.0" encoding="UTF - 8"?>
<?import javafx.scene.layout.StackPane?>
<?import javafx.scene.paint.Color?>
<?import javafx.scene.shape.Rectangle?>
<?import javafx.scene.text.Text?>
<StackPane xmlns:fx="http://javafx.com/fxml/1"><Rectangle width="100" height="100" fill="blue"/><Text text="这是叠加的文字" fill="white"/>
</StackPane>
```
    - 在这个 StackPane 布局中，Rectangle组件先被添加，Text组件后被添加，所以文字会叠加在矩形上面，并且可以通过设置文字的填充颜色等属性来使其在蓝色矩形背景上更清晰地显示。

JavaFX FXML模式下的布局

常见布局方式概述在 JavaFX FXML 模式下，有多种布局方式可供选择。这些布局方式可以帮助您有效地组织和排列 UI 组件，以创建出美观且功能良好的用户界面。常用布局容器及布局方式 BorderPane 布局特点：BorderPane 将空间划分为五个区域&…...

编程日记 2025/7/22 9:09:10

在 Windows 11 下的 WSL - Ubuntu 24.04 中安装 CUDA 的记录

#记录工作以下是基于CUDA官网给定命令在 Windows 11 下的 WSL - Ubuntu 24.04 中安装 CUDA 的记录： 一、准备工作确保你的 Windows 11 系统已经成功启用 WSL 功能，并且已经安装了 Ubuntu 24.04 操作系统。同时，确保系统处于联网状态&#…...

编程日记 2025/7/21 22:50:32

Qt 12.28 day3

作业： 1】思维导图 2】在登录界面的登录取消按钮进行以下设置： 使用手动连接，将登录框中的取消按钮使用qt4版本的连接到自定义的槽函数中，在自定义的槽函数中调用关闭函数将登录按钮使用qt5版本的连接到自定义的槽函数中&a…...

编程日记 2025/7/19 11:38:10

AISuite：提供了统一的跨 LLM API的开源 Python 库

1. 简介： AISuite是一个开源的Python库，旨在提供一个统一的接口来调用不同的大型语言模型（LLM）API。这个工具由吴恩达（Andrew Ng）领导开发，目的是简化AI模型的调用过程，使得开发者能…...

编程日记 2025/7/19 22:31:37

springMVC-请求响应

springmvc——一站式web框架，核心是处理http请求响应。前后端分离：需要序列化，服务端把数据序列化成字符串或者流给前端，前端又把json转成对象，前端的叫反序列化。前端把数据序列化转成字符串给服务器，服…...

编程日记 2025/7/18 22:14:00

【代码分析】Unet-Pytorch

1：unet_parts.py 主要包含： 【1】double conv，双层卷积【2】down，下采样【3】up，上采样【4】out conv，输出卷积 """ Parts of the U-Net model """import torch im…...

编程日记 2025/7/1 9:39:43

uni-app开发-识图小程序-个人中心页面

目录一：功能描述二：代码实现一：功能描述个人中心中心主要包含用户登录信息，退出登录，图像识别记录，分类识别记录，分享记录以及小程序介绍信息。用户登录状态下可以看到图形识别记录，分类识别记录和分享记录，未登录状态只能看到介绍信息，点击未登录文字会触发…...

编程日记 2025/7/21 14:30:52

C++小游戏

【欢迎关注编码小哥，学习更多实用的编程方法和技巧】设计一个桌面游戏是一个有趣且富有挑战性的项目。下面是一个简单的C桌面游戏的设计思路和示例代码。我们将创建一个简单的“猜数字”游戏，玩家需要在有限的尝试次数内猜测一个随机生成的数字。游戏…...

编程日记 2025/7/20 2:05:09

Flutter封装一个三方ViewPager学习

Flutter如何实现一个增强的 PageView，支持自定义页面切换动画。前置知识点学习 CrossAxisAlignment CrossAxisAlignment 是 Flutter 中用于控制布局子组件在交叉轴（cross axis）方向上的对齐方式的一个枚举类。它主要在 Flex 布局模型中使…...

编程日记 2025/7/21 9:29:21

【算法】复杂性理论初步

六、算法复杂性初步重要的复杂性类 P P P 的定义多项式时间内可解的问题若 L ∈ P L∈P L∈P，则存在确定性多项式时间的图灵机 M M M，使得 M ( x ) 1 ⟺ x ∈ L M(x)1⟺x∈L M(x)1⟺x∈L N P NP NP 的定义多项式时间内可验证验证解的正确性 &…...

编程日记 2025/7/19 1:17:33

vscode实用插件(持续更新)

目录 Git History Diff Git Graph Error Lens Git History Diff 用于将当前分支的某个文件夹与远程分支的相同文件夹做对比，方便代码评审！解决了为了一个问题而多次commit，导致代码不好评审，即不晓得和远程分支相比&#xff0…...

编程日记 2025/7/19 7:39:56

使用Lodash工具库的orderby和sortby进行排序的区别

简介 _.orderBy 和 _.sortBy 是 Lodash 库中用于排序数组的两个函数。区别 _.orderBy 允许你指定一个或多个属性来排序，并为每个属性指定排序方向（升序或降序）。默认所有值为升序排，指定为"desc" 降序&#xff0c…...

编程日记 2025/7/21 15:16:12

胡闹厨房练习（三）

ScriptableObject 一、初步了解 1、实质：是一种特殊类型的Unity对象， 2、作用：用于存储大量数据，而不必依附于游戏场景中的某个GameObject。 3、特点：可以在不增加场景中对象数量的情况下，管理和存储复杂的数据结构、配置信息、游戏状态等。 4、适用：非常适合用来…...

编程日记 2025/7/20 13:18:46

Postman接口测试01|接口测试基础概念、http协议、RESTful风格、接口文档

目录一、接口测试基础概念 1、什么是接口 2、接口的类型 3、什么是接口测试 4、为什么要做接口测试 5、接口测试的实现方式 6、什么是自动化接口测试？ 二、接口返回的数据格式 1、三种格式 2、Json 三、接口协议 1、webservice协议 2、dubbo协议 3、…...

编程日记 2025/7/16 1:55:51

算法进阶：贪心算法

贪心算法是一种简单而直观的算法思想，它在每一步选择中都采取在当前状态下最优的选择，以期望最终得到全局最优解。贪心算法通常适用于一些具有最优子结构的问题，即问题的最优解可以通过一系列局部最优解的选择得到。贪心算法的基本思路是&a…...

编程日记 2025/7/21 7:48:56

循环神经网络 RNN 核心思想:RNN内部有一个“内部状态”,随着序列处理而更新 h t f W ( h t − 1 , x t ) h_tf_W(h_{t-1},x_t) htfW(ht−1,xt) 一般来说 h t t a n h ( W h h h t − 1 W x h x t ) h_ttanh(W_{hh}h_{t-1}W_{xh}x_t) httanh(Whhht−1Wxhxt…...

编程日记 2025/7/21 20:41:35

电商项目高级篇07-redisson分布式锁

redisson分布式锁 1、引入maven依赖2、config类3、可重入锁设计 1、引入maven依赖 <dependency><groupId>org.redisson</groupId><artifactId>redisson</artifactId><version>3.12.0</version></depend…...

编程日记 2025/7/17 4:13:09

STM32中断详解

STM32中断详解 NVIC 中断系统中断向量表相关寄存器中断优先级中断配置外部中断实验EXTI框图外部中断/事件线映射中断步骤初始化代码实现定时器中断通用定时器相关功能标号1：时钟源标号 2：控制器标号 3：时基单元代码实现 NVIC 中断系统 STM…...

编程日记 2025/7/21 19:27:06

KNN分类算法 HNUST【数据分析技术】(2025)

1.理论知识 KNN（K-Nearest Neighbor）算法是机器学习算法中最基础、最简单的算法之一。它既能用于分类，也能用于回归。KNN通过测量不同特征值之间的距离来进行分类。 KNN算法的思想： 对于任意n维输入向量，分别对应于特征…...

编程日记 2025/7/21 11:12:40

【Win11】安装 VMware17 和 Ubuntu

【Win11】安装 VMware17 和 Ubuntu 15 版本和 Win11 家庭版间的兼容应该有 BUG，请直接跳至【VMware 17】安装【VMware 15】本来是按如下资源链接安装的，但发现 15 版本和 Win11 家庭版间的兼容应该有 BUG，在安装并关闭 Hyper-V&#xff…...

编程日记 2025/7/18 1:33:46

Jmeter快速入门

目录 1.安装Jmeter 1.1.下载 1.2.解压 1.3.运行 2.快速入门 2.1.设置中文语言 2.2.基本用法 1.安装Jmeter Jmeter依赖于JDK，所以必须确保当前计算机上已经安装了JDK，并且配置了环境变量。 1.1.下载可以Apache Jmeter官网下载，地址…...

编程日记 2025/7/18 1:13:18

Android Studio2024版本安装环境SDK、Gradle配置

一、软件版本，安装包附上 👉android-studio-2024.1.2.12-windows.exe👈 👉百度网盘Android Studio安装包👈 （若下载连链接失效可去百度网盘链接下载） 二、软件安装过程三、准备运行…...

编程日记 2025/7/19 8:10:40

嵌入式单片机窗口看门狗控制与实现

窗口看门狗注意：WWDG外设没有独立的时钟源，而是挂载在APB1总线下，APB1总线外设时钟为42MHZ。了解WWDG外设的使用流程，可以参考stm32f4xx_wwdg.c的开头注释，具体流程如下图所示...

编程日记 2025/7/8 10:38:01

[单master节点k8s部署]43.全链路监控(二)

部署pinpoint服务端这里安装的是pinpoint-docker，可以从GitHub - pinpoint-apm/pinpoint-docker: Officix 下载。通过readme可以看到，该项目提供的镜像： Pinpoint-Web ServerPinpoint-CollectorPinpoint-AgentPinpoint-FlinkPinpoint-Hba…...

编程日记 2025/7/16 8:30:40

Apache Doris 创始人：何为“现代化”的数据仓库？

在 12 月 14 日的 Doris Summit Asia 2024 上，Apache Doris 创始人 & PMC 成员马如悦在开场演讲中，围绕“现代化数据仓库”这一主题，指出 3.0 版本是 Apache Doris 研发路程中的重要里程碑，他将这一进展总结为“实时之路”、“…...

编程日记 2025/7/16 8:43:11

json的作用？

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，具有简洁、易读、易于解析和生成等特点，在前后端数据交互、配置文件、数据存储等多个领域发挥着重要作用，以下是具体介绍： JSON 的作用数据…...

编程日记 2025/7/20 23:04:15

ChatGPT是如何生成长文的

说实话，现在我们对chatGPT的最深的印象就是他是一个各方面知识都比较全面的机器助手，我们的问题他都能生成答案，不过大家发现没有，它生成相对应的长文的时候，都是一个词一个词蹦出来的，有的时候是一个个词组…...

编程日记 2025/7/19 11:08:56

微服务——部署与运维

1、你是否有将 Java 微服务部署到容器（如 Docker）中的经验？请描述一下部署过程和相关注意事项。部署过程： 编写 Dockerfile，定义基础镜像（如 openjdk）、应用 JAR 包路径和启动命令。构建镜像…...

编程日记 2025/7/19 22:24:50

json笔记

1、json的组成 JSON是一个标记符序列。这套标记符包括：构造字符、字符串、数字和字面值(false, true, null)。 1.1 构造字符六个构造字符： 左方括号 [ 右方括号 ] 左大括号 { 右大括号 } 冒号 : 逗号 , 1.2 JSON值 json值包括：对象…...

编程日记 2025/7/21 18:26:41

从0入门自主空中机器人-1【课程介绍】

关于本课程： 本次课程是一套面向对自主空中机器人感兴趣的学生、爱好者、相关从业人员的免费课程，包含了从硬件组装、机载电脑环境设置、代码部署、实机实验等全套详细流程，带你从0开始，组装属于自己的自主无人机，并让…...

编程日记 2025/7/20 1:33:22

C++ 设计模式

代码示例从封装变化角度分类 1.组件协作现代软件专业分工之后的第一个结果“框架与应用程序的划分” ，“组件协作”模式通过晚期绑定，来实现框架与应用程序之间的松耦合，是二者之间协作时常用的模式。模板方法（Template Me…...

编程日记 2025/7/21 0:18:02

HarmonyOS NEXT应用开发实战：免费练手的网络API接口分享

学习一项技能，最好也最快的办法就是直接动手实战。在实战中不断的总结经验和收获成就感。这里分享些好用且免费的网络API练手接口，这对于想要提升自己网络开发能力的开发者来说，无疑是极大的福音。今天，我将详细介绍一个API接口集…...

编程日记 2025/7/21 12:13:58

高级技巧-使用Mysql 实现根据条件过滤整个分组数据

博客-mysql exists实现过滤所属条件对应分组的全部数据在数据查询中，有时需要根据某一条件来过滤整个分组的数据，尤其是当某条记录满足特定条件时，需要将该组内的所有记录排除。本文将介绍如何使用 MySQL 的 EXISTS 关键字来实现这种分组过滤…...

编程日记 2025/7/17 1:12:56

LeetCode 9. 回文数

给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。例如，121 是回文&#xff0c…...

编程日记 2025/7/22 5:06:50

园区网综合拓扑实验

一、实验要求实验拓扑图如上图所示 1、按照图示的VLAN及IP地址需求，完成相关配置 2、要求SW1为VLAN 2/3的主根及主网关 SW2为vlan 20/30的主根及主网关 SW1和SW2互为备份 3、可以使用super vlan（本实验未使用） 4、上层…...

编程日记 2025/7/19 10:42:49

Flink状态编程

Flink处理机制的核心就是“有状态的流处理”，在某些情况下，一条数据的计算不仅要基于当前数据自身，还需要依赖数据流中的一些其他数据。这些在一个任务中，用来辅助计算的数据我们就称之为这个任务的状态。一、按键分区状态&…...

编程日记 2025/7/22 6:32:32

Ajax数据爬取

有时我们用requests 抓取页面得到的结果，可能和在浏览器中看到的不一样:在浏览器中可以看到正常显示的页面数据，而使用requests 得到的结果中并没有这些数据。这是因为 requests 获取的都是原始 HTML 文档，而浏览器中的页面是JavaScript 处理…...

编程日记 2025/7/20 18:38:24

MVCC实现原理以及解决脏读、不可重复读、幻读问题

MVCC实现原理以及解决脏读、不可重复读、幻读问题 MVCC是什么？有什么作用？MVCC的实现原理行隐藏的字段undo log日志版本链Read View MVCC在RC下避免脏读MVCC在RC造成不可重复读、丢失修改MVCC在RR下解决不可重复读问题RR下仍然存在幻读的问题 MVCC是什么…...

编程日记 2025/7/21 15:37:43

PilotGo

title: 解锁 PilotGo：智能化运维的得力助手 date: ‘2024-12-29’ category: blog tags: PilotGo运维管理智能化工具技术应用 sig: ops archives: ‘2024-12’ author:way_back summary: PilotGo 作为一款创新的运维管理工具，凭借其智能化的特性和丰富的…...

编程日记 2025/7/21 19:21:12

【后端】LNMP环境搭建

长期更新各种好文，建议关注收藏！ 本文近期更新完毕。 LNMPlinuxnginxmysqlphp 需要的资源 linux服务器 web服务软件nginx 对应的语言编译器代码文件数据库mysql安装 tar.gz包或者命令行安装进入root： sodu 或su mkdir path/{server,soft}…...

编程日记 2025/7/20 1:23:22

vue 本地自测iframe通讯

使用 postMessage API 来实现跨窗口（跨域）的消息传递。postMessage 允许你安全地发送消息到其他窗口，包括嵌套的 iframe，而不需要担心同源策略的问题。发送消息（父应用） 1. 父应用：发送消息给…...

编程日记 2025/7/16 22:35:51

【人工智能】基于Python和OpenCV实现实时人脸识别系统：从基础到应用

《Python OpenCV从菜鸟到高手》带你进入图像处理与计算机视觉的大门！解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界随着人工智能和计算机视觉的快速发展，人脸识别技术已广泛应用于监控、安全、社交媒体、金融和医疗等领域。本文将介绍如何利用Python和Ope…...

编程日记 2025/7/20 20:28:26

vue2使用pdfjs-dist和jsPDF生成pdf文件

vue2使用pdfjs-dist和jsPDF生成pdf文件 1、安装依赖 npm install pdfjs-dist2.6.3472、引入依赖 import { jsPDF } from jspdf// 使用require方式导入pdfjs-dist v2.6.347，高版本报错（import导入会报错：GlobalWorkerOptions undefined&…...

编程日记 2025/7/16 15:01:26

深度学习算法选择

1. 卷积神经网络（Convolutional Neural Networks, CNNs） 简介卷积神经网络擅长处理具有网格结构的数据，如图像。通过卷积层、池化层和全连接层，CNN能够自动提取和学习数据的空间特征。应用场景图像识别与分类：如…...

编程日记 2025/7/20 1:25:20

asp.net core系统记录当前在线人数

实时记录当前在线人数，登录后保持120秒在线状态，在线状态保存在缓存中，采用滑动过期，在120秒内请求了系统，自动续活120秒；超过时间则移除用户在线状态； 需要在登录过滤器标记用户在线状态需要排…...

编程日记 2025/7/17 1:18:50

【每日学点鸿蒙知识】Grid子项拖动、Swiper指示器、手势事件上报、指定使用发布版本API、打包签名失败报错109

1、HarmonyOS Grid组件子项拖动问题？ Grid组件中有20个GridItem子组件，其中前4个GridItem是不能拖动的，其余GridItem可拖动排序。关于可拖拽grid及gridItem可参考如下代码（注：其中 .draggable(parseInt(day) < 6…...

编程日记 2025/7/17 14:45:44

轻松实现向量搜索：探索 Elastic-Embedding-Searcher 项目

随着人工智能和机器学习技术的飞速发展，向量搜索已成为数据检索的重要方式。尤其是在处理大规模文本数据时，传统的基于关键词的检索方式已经难以满足需求。为了优化检索性能并提升搜索精度，向量搜索成为了更加高效的解决方案。而在这一领域&a…...

编程日记 2025/7/17 17:08:48

区块链平台安全属性解释

区块链平台安全属性解释双向认证解释：双向认证是指在通信过程中，**通信双方都需要对对方的身份进行验证，确保对方是合法的、可信任的实体。**只有双方身份都得到确认后，通信才会被允许进行，从而防止非法用户的接入和数据的窃取或篡改。举例：在基于区块链和联邦学习的数…...

编程日记 2025/7/20 16:05:43

matlab reshape permute

1.reshape 将向量按照顺序重新构建矩阵，新矩阵先排完第一列， 再第二列… 2.permute 将向量维度变换...

编程日记 2025/7/9 11:33:56

相关文章：