开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

更改样式后JavaFX按钮未居中-类

问题描述：更改样式后JavaFX按钮未居中-类

答案：在JavaFX中，按钮的样式可以通过CSS来进行修改。如果在更改样式后按钮未居中，可能是由于CSS样式中的布局属性设置不正确导致的。

要解决这个问题，可以尝试以下几个步骤：

确保按钮的布局属性设置正确：在CSS样式中，通过设置按钮的布局属性来控制按钮的位置。常用的布局属性包括-fx-alignment、-fx-translate-x、-fx-translate-y等。确保这些属性的值正确设置，以使按钮居中。
检查父容器的布局属性：如果按钮是放置在一个父容器中，例如VBox或HBox，则需要确保父容器的布局属性也正确设置。例如，如果使用VBox作为父容器，并希望按钮在垂直方向上居中，可以设置-fx-alignment: center。
调整按钮的尺寸：有时候按钮的尺寸过大或过小也会导致居中效果不理想。可以尝试调整按钮的宽度和高度，使其适应所在容器的大小。

如果以上步骤都没有解决问题，可能需要进一步检查代码逻辑和其他相关因素。另外，如果需要更具体的帮助，可以提供更多关于按钮样式和布局的代码片段，以便更好地理解问题所在。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库 MySQL 版：提供高性能、可扩展的 MySQL 数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos

相关搜索:使用css更改javafx微调器按钮的样式应用“选定”样式后，DateCell未更改 Codename One - Validator类的addSubmitButtons方法更改按钮样式单击后未执行按钮的嵌套样式触发器使用jQuery添加类后，链接颜色未更改如何在取消选中单选按钮后更改类 JavaFX CSS在运行时更改自定义样式类的属性如何在刷新后保存状态按钮(更改类名)？在css中添加字体系列后字体样式未更改组件在单击按钮后未读取新的状态更改设置时间后未更改按钮文本...找不到错误所在。？取消选中复选框按钮后未更改总和的值在控制器中更改后未选择单选按钮值道具从redux操作更改后，React类组件未重新呈现如何使文本在单击按钮后更改颜色，并在几秒钟未单击后重新更改颜色？基于布尔值以编程方式更改按钮样式。未选中的项目应返回到原始样式

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

JavaFX 11发行说明

介绍以下记录描述了有关此版本的重要更改和信息。在某些情况下，该说明提供了有关问题或更改的其他详细信息的链接。从JDK 11开始，JavaFX模块与JDK分开提供。...添加API以自定义Spinner控件的步骤重复计时在JavaFX 11中修改值步骤之前，必须在Spinner控件箭头按钮上按下鼠标的默认持续时间。...默认情况下，独立的javafx模块不再具有权限 javafx.* 模块现在由应用程序类加载器加载，默认情况下不再具有权限。...test.javafx.scene.control.ComboBoxTest - 生成NullPointerException 控制 JDK-8197846 ComboBox：删除并重新添加后变为无法点击...JDK-8199474 更新到WebKit的606.1版本 web JDK-8200418 “webPage.executeCommand（”“removeFormat”“，null）删除了body元素的样式

6.6K6 0

JavaFX+Jfoenix 学习笔记（四）–MenuBar菜单栏

Override public void start(Stage stage) throws Exception { // 创建一个标签，用于存放我们的Hello World文本，并设置让它在父容器中居中...public void start(Stage stage) throws Exception { // （如果需要的话）定位横纵坐标,避免太靠边上遮盖菜单栏,，这两行如果不屑，一般电脑默认是居中屏幕显示...main( String[] args ){ // 启动软件 Application.launch(args); } } css代码只有前两行是自定义代码，其它都是重写原始样式...F2F2F2, 1, 0, 0, 0);*/ /*阴影效果*/ } .menu-bar > .container > .menu-button:showing{ /*菜单栏选中并移动到二级菜单时一级选中菜单的样式...throws Exception { // （如果需要的话）定位横纵坐标,避免太靠边上遮盖菜单栏,，这两行如果不屑，一般电脑默认是居中屏幕显示，但在有些电脑会跑偏 // stage.setX(0);stage.setY

2.5K2 0

JavaFX 简介

代码的最后一部分使用setOnAction函数为按钮添加了点击事件，当点击按钮的时候会显示文本。...--导入类--> 样式表和普通的样式表差不多...这里只简单修改了一下按钮的背景色，其实可以更改的样式有很多，包括程序背景等等，有兴趣的同学可以自行尝试。 ? 以上就是这篇文章的内容了。

5.7K7 0

使用Maven构建JavaFX程序（HelloWorld示例）

如何使用Maven构建JavaFX程序呢？下面给出一个简单的示例！本工程包含一个main入口函数类，一个controller类，资源文件包括一个fxml文件，一个css样式文件。...利用命令行或者IDE创建一个Maven工程；在源码目录下新建包，新建一个MainApp类。MainApp类继承Application类，是程序的入口函数。...FXML文件用于描述界面布局，CSS文件用于设置UI样式。...Main.fxml 这个文件中只有一个Button按钮 <?...MainController.java handlerBtnClick函数实现用户点击按钮，然后对按钮的文本进行了更改。

8.7K2 0

JavaFX之Scene Builder的使用（开发一款GUI小工具原来这么简单）

三、Scene Builder的使用下载完后打开，选择Basic Application就行，助于理解打开完后应该是这个界面中间的就是咱们要设计的桌面程序的UI界面了，左边Library就有JavaFX...FXML是一种以XML的格式表示JavaFX界面对象的文件,FXML文件中的每一个元素可以映射到JavaFX中的一个类,每个FXML元素的属性或者其子元素都可以映射为该对应JavaFXML类的属性.....然后就会弹出如下界面，也就是刚刚介绍过的SceneBuilder 4.3 自定义界面下面随意做个栗子： 1.随便拉一个button控件到白色区域 2.然后可以在右边的properties属性栏更改这个按钮的样式...拿上面的按钮例子来解释一下标签中的属性是干嘛的吧~ fx:id指的就是这个控件的id值，为的是在Controller类中控制这个控件 onAction指的是点击这个按钮就能实现什么功能 text指的就是这个按钮的文本...其余那些就是控制按钮大小的总结以上是博主千辛万苦纯手打的JavaFX的入门教程以及SceneBuilder使用，如果小伙伴们有什么不懂得，可以直接私信博主，有帮助的话麻烦点赞+收藏关注，您得支持是博主更新得最大动力

8.9K3 1

JavaFX——（第一篇：介绍篇）

每一个节点都有一个ID，样式类和边界值。除了根结点外，每一个节点都有一个父结点并且有0到多个子节点。...Threads 下面的线程是系统启动后就会运行的，包括： JavaFX application thread：这个是JavaFX应用的主线程。...例如：当一个按钮的位置发生改变，那么pulse将被改变。当一个pulse被触发，那么相应的改变也会同步的渲染层。pulse能使应用开发者处理异步的事件。...这是一个扩展节点的类。 CSS JavaFX层叠样式表(CSS)提供了定制样式应用能力的用户界面的一个JavaFX应用程序,而无需更改任何应用程序的源代码。...CSS可以应用于任何节点在JavaFX场景图和应用于异步的节点。JavaFX的CSS样式也可以轻松地分配到在运行时的场景,让应用程序的外观动态更改。

5.8K6 0

23 Java 图形化编程

JavaFX JavaFX是开发丰富互联网应用程序（Rich Internet Application，缩写RIA）的图形用户界面技术，JavaFX期望能够在桌面应用的开发领域与Adobe公司的AIR...在事件处理的过程中涉及三个要素：事件：是用户对界面的操作，在Java中事件被封装称为事件类 java.awt.AWTEvent 及其子类，例如按钮单击事件类是 java.awt.event.ActionEvent...布局管理器负责，如组件的排列顺序、大小、位置，当窗口移动或调整大小后组件如何变化等。...FlowLayout()：创建一个FlowLayout对象，它是居中对齐的，默认的水平和垂直间隙是5个单位。...g2d.setTransform(trans); 习题编写窗体应用，窗体中安排2个按钮，按钮上面的标签分别为“改背景”、“关闭”，点击“改背景”按钮，用随机产生的颜色更改窗体的背景，点击“关闭”按钮可关闭窗体

2.6K2 0

Using JavaFX UI Controls 18 超链接

组件 Hyperlink 类是 Labeled 类的另一种形式。...因为 Hyperlink 类是Labeled类的一个拓展，你可以为标题设置特定的字体和文字。 setOnAction 方法用来指定超链接点击时的行为。...hpls[i].setVisited(false); selectedImage.setImage(null); } } }); 正如图18-3所示，当点击刷新按钮后...，所有的的超链接都被设置为未访问状态。...图18-3 未访问过的超链接因为Hyperlink 类拓展自Labeled 类，你不仅可以指定标题的文字还为其设置一张图片。

1.5K5 0

JavaFX 11 发布，与 JDK 拆分后的首个正式大版

由于 JavaFX 库被写成了 Java API，因此 JavaFX 应用程序代码可以调用各种 Java 库中的 API，例如 JavaFX 应用程序可以使用 Java API 库来访问本地系统功能并且连接到基于服务器中间件的应用程序...JavaFX 可以自定义程序外观，CSS 将外观和样式与业务逻辑实现进行了分离，因此开发人员可以专注于编码工作。值得注意的是，从 JDK 11 开始，JavaFX 模块与 JDK 分开提供。...此次更新主要内容如下：重要更新： JavaFX 模块指定：因为 JDK 不再包含 JavaFX，那么必须明确包含应用程序使用的 JavaFX 模块，详情见：https://openjfx.io/openjfx-docs...在 JavaFX 11 中修改值步骤之前，必须在 Spinner 控件箭头按钮上按下鼠标一段默认持续时间，JavaFX 11 中已添加两个新属性“initialDelay”和“repeatDelay”来配置此操作...javafx.* 模块现在由应用程序类加载器加载，默认情况下不再具有权限。

2.3K4 0

TDesign 更新周报（2022年9月第2周）

@HQ-Lin (#1493) FeaturesDatePicker: @HQ-Lin支持二次更改时间选择器时可单次变更日期 (#1498)默认时间调整成 00:00:00 @HQ-Lin (#1500... @insekkei (#1503) Bug FixesTabs: 修复替换 classPrefix 时组件渲染异常的问题 @uyarn (#1494)Upload: 修复在 wujie 环境中，部分按钮会触发两次的问题... @HelKyle (#1465)RangeInput: 优化 icon 居中展示的问题 @HQ-Lin (#1447)DatePicker: 修复 cellClick 返回日期错误 @HQ-Lin (...#1458)Tabs: 修复未替换部分classPrefix导致样式异常的问题 @uyarn (#1476)tree: 修复 disabled 下不可展开的问题 @uyarn (#1474)Upload...退出会报错的问题 by @PDieE in Tencent/tdesign-vue-next-starter#293修复底部版权信息及面包屑导航垂直居中问题 by @zengqiu in Tencent

1.6K3 0

HarmonyOS学习路之开发篇—— Java UI框架（基础组件说明【一】）

在AbilitySlice中通过super.findComponentById(ResourceTable.组件的id)获取组件，获取成功后就可以对该组件进行操作，如添加监听，设置内容等。...组件之间的继承关系：基础组件的分类如下（个人分类）：文本类 Text，TextField 按钮类 Button，Switch，RadioButton，RadioContainer，Checkbox...② 按钮类 Button是一种常见的组件，点击可以触发对应的操作，通常由文本或图标组成，也可以由图标和文本共同组成。...thumb样式状态标志样式可直接配置色值，也可引用color资源或引用media/graphic下的图片资源。...check_element 状态标志样式可直接配置色值，也可引用color资源或引用media/graphic下的图片资源。 ③ 图片类 Image是用来显示图片的组件。

2K2 0

Win系统好软推荐

计算所有填充动画-调整大小以及默认的Windows动画性能-在未调整为0％CPU使用率的情况下休眠多显示器支持垂直方向支撑多种DPI支持用法运行该程序，并使其在后台运行。...它使用Windows UIAutomation监视位置更改并计算新位置以使任务栏项目居中。命令行参数第一个命令行参数在活动图标更改期间以赫兹为单位设置刷新率。默认60。...特征 42种不同的动画，包括“ none” 出色的性能（非常优化和轻量级的循环）更改动画速度根据中心更改自定义偏移位置在开始按钮，搜索，任务视图等...和左托盘图标，时钟等之间居中支持所有任务栏设置...支持垂直任务栏支持无限的显示器将任务栏样式更改为透明，模糊和丙烯酸命令行参数 -stop将停止TaskbarX，将所有图标放回左侧并重置任务栏样式。...-cpo = 1将仅使主要任务栏居中。0被禁用。 -cso = 1将仅使辅助任务栏居中。0被禁用。 -as = backeaseout会将动画样式设置为BackEaseOut。“没有”是即时的。

1.5K4 0

手拉手JavaFX布局

stage.show(); } public static void main(String[] args) { launch(); }}HBox水平布局边框样式...solid red ;③border-bottom:5px solid red ;④border-right:5px solid red ;⑤border-left:5px solid red ;轮廓轮廓样式...包javafx.scene.layout名为GridPane这个类提供了 11 个属性，它们是 -alignment- 此属性可以设置位置，使用方式setAlignment()方法设置此属性的值。...1"),0,0); grid.add(new Button("按钮2"),1,0); grid.add(new Button("按钮3"),0,1); grid.add...(new Button("按钮4"),1,1); TitledPane titledPane1 =new TitledPane("按钮",grid); HBox hbox =

1950 0

JavaFX WebView概述，很强大，内置了类似Electron的功能

构成嵌入式浏览器的类位于javafx.scene.web包中。...它加载网页，创建其文档模型，根据需要应用样式并在页面上运行JavaScript。它提供对当前页面的文档模型的访问，并实现Java应用程序和页面的JavaScript代码之间的双向通信。...计划后台作业后，立即返回启动加载的方法。要跟踪进度和/或取消作业，我们可以使用getLoadWorker（）方法中可用的 Worker实例。...以下示例在成功完成加载时更改阶段标题： 5. 访问文档模型 WebEngine对象为其网页创建和管理文档对象模型（DOM）。可以使用Java DOM Core类访问和修改模型。...从JavaFX调用Javascript ： WebView加载网站后，可以使用executeScript（java.lang.String）方法在当前页面的上下文中执行任意JavaScript代码。

11K4 1

Avalonia：可信创.NET 跨平台UI，让JAVA失业者转.NET信创开发！

3.3 样式和主题 Avalonia提供了强大的样式系统，允许你自定义应用程序的外观和感觉。这类似于JavaFX的CSS支持，但Avalonia的样式系统更加灵活和强大。...="Foreground" Value="White"/> 这段代码定义了所有按钮的默认样式，...6.4 样式和主题 Avalonia的样式系统允许你自定义应用程序的外观。你可以在App.axaml中定义全局样式，或者在individual控件中定义局部样式。...使用了Command模式处理按钮点击，而不是事件处理器。这个例子展示了从JAVA/JavaFX到C#/Avalonia的转换过程。...17.6 使用样式和主题 Avalonia提供了强大的样式系统。学会使用样式和主题可以让你的UI更一致、更易于维护。

1K1 0

使用 CSS Checkbox Hack 技术制作一个手风琴组件

CSS Checkbox Hack 允许你通过复选框（Checkbox）是否选中（或单选按钮radio buttons）来控制某些特定的样式。...这里运用的是：checked 伪类选择器，其意思就是”如果选中了表单（复选框、单选按钮），则应用相关样式规则“ 我们通常隐藏表单控件，然后结合来控制复选框或单选框的选择，制作一些特殊的效果...基于上面的思路，整理后无需列表内容如下： 2、定义相关样式准备好上述的HTML内容后，我们来定义相关样式，首先我们需要隐藏我们的几个单选按钮，我们可以使用left属性，将其移除屏幕显示区域，示例代码如下...首先我们需要更改无序列表让其为纵向分布，flex-direction: column；然后更改选型卡的标题区域布局为横向分布，flex-direction: row，示意代码如下： 5、处理内容有限的情况...最后为选项卡的内容定添加内容居中的属性，示意代码如下：justify-content: center 基于以上思路，我们调整后的html代码如下，只是在li标签上增加了自定义属性（data-radio）

5.3K3 0

🤔听说这个动效可以玩一天？

css透视和一定幅度的Y轴旋转，构造成被点击下陷的感觉，仔细观察发现不同按钮点击后两侧容器旋转的偏移量还不尽相同，所以我们还需要动态修改他的原点；「按钮」则是包含相关内容的一个盒子，有选中和未选中的两种不同状态...」就比较简单了，单纯的静态样式加上点以后滑动到对应按钮下方，稍微麻烦一点就是这个点击后的过渡效果（滑动）需要起始和结尾稍慢，中间较快的速度，可能需要用贝塞尔函数来实现，对于css贝塞尔函数已经遗忘的同学可以再去温习一遍...勉勉强强吧按钮按钮呢因为他本身没有轮廓样式，所以我是直接把它理解为「均分了容器的两个透明盒子」，然后内部元素不确定，用「弹性布局」让按钮的子元素都居中就行。...这样点击后，滑块就会自己滑来滑去啦！ 3. 按钮动效那，滑块都自己动起来了，你按钮不得自己动？自己动？动？懂了！直接在点击里修改每个按钮的类名不就行了？...这里讲一下为什么需要注意时间，因为在下注意到，并不是一经点击按钮的动画就开始了，选中状态的类名，是在滑块几乎完全滑到对应按钮背后，按钮的缩放状态和颜色才开始变化，同理未选中状态也类似，只是时间稍微提早。

8951 0

CSS伪类：CSS3鼠标滑过按钮动画

前言按钮，对开发者而言，是非常常见的一个功能。前端通常会对按钮加入一些操作交互样式，增加一些用户体验。比如：hover样式、点击样式、loading样式等。...解析： 1、利用伪类作为鼠标:hover事件后，按钮的背景，这里用到了相对定位（relative）和绝对定位（absolute）切记：使用绝对定位的元素，父元素一定要用相对定位，否则元素会一直向上找相对定位的元素...解析： 1、这里先让伪类:after,水平居中或垂直居中 /* 水平居中 */ left: 50%; transform: translateX(-50%); /* 垂直居中 */ top: 50%;...解析： 1、伪类元素:after水平垂直居中 top: 50%; left: 50%; transform: translate(-50%, -50%); 2、动画改变宽度高度（和之前示例不一样的是，宽高必须大于按钮的宽度...1、伪类元素灵活运用 2、transition的作用 3、:hover鼠标移入动画 4、元素如何水平垂直居中小伙伴们，有问题可以评论区留言哦，欢迎大家点评。

2.3K2 0

6详解AppBar小部件

AppBar 通常显示概括本页的功能模块，例如图标和标题，并且通常包含按钮或其他用户交互点。...Icons.account_circle_rounded), leadingWidth: 100, // default is 56 ), Flutter AppBar 前导宽度如果leading未提供...您可以更改此设置以使其居中对齐： AppBar( title: Container( width: 40, child: Image.network(url), ), centerTitle...我们通常在用作按钮的应用程序中看到它们来触发下拉菜单、个人资料头像等。...this.actionsIconTheme,//AppBar上actions图标的样式 this.textTheme,//AppBar上文本样式 this.primary =

16.3K1 0

十三、制作 iVX音乐分享小程序

首先新建一个行，命名为登录状态/搜索，在其下创建两个行一个命名为个人信息与音乐搜索：将个人信息、音乐搜索的垂直对齐设置为居中，使其元素可以居中显示。...，此时页面将会显示如下：随后添加几个输入框和一个按钮即可，如何操作不再赘述：接下来开始制作搜索页，搜索页与首页内容类似，复制一个页面重命名为音乐搜索页，删除榜单内容，将榜单页中的歌曲每条样式复制到当前页面中...需要完成这个需求需要在页面中添加 if 组件，设置用户昵称默认值为未登录，当用户昵称为未登录时显示立即登录按钮，当用户昵称不等于未登录时，显示分享页面跳转按钮：此时在分享音乐中添加点击事件，将其点击后需要跳转到分享页面...我们此时需要创建一个服务，通过ID查找音乐地址：此服务只返回音乐链接列内容：接着我们在首页中添加一个音频组件，随后给播放按钮设置事件：此时点击按钮后将会使用音乐链接服务传入当前的数据...：最后当点击音乐搜索按钮后启动其服务使用搜索内容对象变量进行接收即可：搜索变量列为如下：最后使用循环遍历显示内容即可，并且通过与首页相同方式为播放按钮绑定播放时间即可完成该页内容：

4K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭