文章/答案/技术大牛

发布

问JavaFX 8 CSS中的百分比
EN

Stack Overflow用户

提问于 2014-06-04 05:09:03

回答 1查看 706关注 0票数 2

JavaFX 8CSS文档指出，可以在number类型的值中使用百分比。

我想要将特定标签的字体大小设置为其大小(或其父大小)的20%。但是，如果我设置为-fx-font-size: 20%;，字体会变得非常小。无论我是扩展它的大小还是它的父大小，字体大小都保持不变。我也尝试过不同的窗格(AnchorPane，FlowPane，HBox等)，但都没有成功。

这是百分比的预期行为吗？有没有办法用JavaFX CSS设置动态大小？

css

javafx

回答 1

Stack Overflow用户

发布于 2017-06-20 03:29:21

您应该将一个值绑定到字体大小，并使用styleProperty()应用它，如下所示：

DoubleProperty fontSize22 = new SimpleDoubleProperty(22);
fontSize22.bind(stage.widthProperty().add(stage.heightProperty()).divide(90));
homeButton.styleProperty().bind(Bindings.concat("-fx-font-size: ", fontSize22.asString(), "px;"));

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/24029461

复制

JavaFX入门（五）：使用CSS样式美化你的UI控件

java ide css

CSS（层叠样式表，Cascading Style Sheets）原来是被用来在网页开发中表现HTML元素样式的一种文本标记语言。HTML用来展现内容，CSS被用来设计内容的样式，这样做的好处就是内容和样式相分离。CSS先后被用到Adobe的RIA开发技术Flex，C++的GUI框架Qt以及JavaFX技术上。如果对CSS不是很熟悉，没关系，十分钟入门CSS的一个教程：W3CSchool CSS教程。

卡尔曼和玻尔兹曼谁曼

2019/01/22

10.6K0

JavaFX入门（四）：JavaFX布局（一）

java javascript gui

说道GUI编程一定要谈到布局，JavaFX内置了大量的布局控件提供给我们使用。其实，JavaFX的布局控件和界面元素控件都是继承自javafx.scene.layout.Region类。我们这里只看布局控件类。布局控件我们在界面上一般是看不到的，它一个容器用于放置其它可视的界面元素控件。（JavaFX在线API文档：JavaFX8 API Online） JavaFX布局控件的类图如下：

卡尔曼和玻尔兹曼谁曼

2019/01/22

12K1

JavaFX入门（二）：JavaFX和FXML

java eclipse ide xml

在我的JavaFXML系列博客第一篇《JavaFX入门（一）：我的第一个JavaFX程序》中我们用纯Java代码写了一个很简单的JavaFXML程序，这一节中我们使用FXML编写程序界面，然后用Java书写后台逻辑完成上一节中的程序，实现相同的功能。

卡尔曼和玻尔兹曼谁曼

2019/01/22

8.8K0

分享 8 种在 CSS 中隐藏元素的方法

css 布局动画浏览器性能

作为 Web 开发人员，我们经常遇到需要隐藏网页上的元素的情况。在本文中，我们将分享8 种在 CSS 中隐藏元素的方法，每种方法都有优点和注意事项。

前端达人

2023/08/31

3380

CSS在IE6、7、8中的差别

css

IE6好像支持这种情况，因为它能匹配链中的最后一个class到使用该class的元素上，然而，它并不能限制一个使用链中所有class的元素。

全栈程序员站长

2022/06/29

1.4K0

JavaFx-Button

css

.button1 { -fx-font: 22 arial; -fx-base: #b6e7c9; }

shengjk1

2021/03/02

4.9K0

JavaFX 简介

java android

本文介绍了JavaFX技术，并基于JavaFX编写了一个简单的图形界面程序。通过使用JavaFX，可以大大简化Java应用程序的开发过程，提高开发效率。同时，JavaFX也提供了一些常用的设计器，如SceneBuilder，可以方便地创建JavaFX应用程序。

乐百川

2018/01/09

5.8K0

pyecharts-8-绘制百分比数据的图形

for循环 key ode

在实际的工作中，我们经常会遇到带有百分比的数据，比如：销售率、利用率等，多种情形下都会产生百分比数据。百分比数据不能直接用于绘图，因为它是字符型的数据，我们必须进行相应的处理才能用于绘图。

皮大大

2021/03/01

2.7K0

CSS笔记(8)

css

已经好久没有学习了!!!从期末复习,到后来去做暑假工培训,好多天了!!超级难受,不过我还是有复习过的,继续继续.

y191024

2022/09/20

7820

JavaFX入门（三）：使用Eclipse开发JavaFX程序

ide eclipse windows http java

JavaFX有着WPF类似的炫酷，但是由于WPF不是跨平台的，所以最近看了看JavaFX。下面是使用Eclipse进行开发的环境配置。

卡尔曼和玻尔兹曼谁曼

2019/01/22

6.1K0

css的div垂直居中的方法，百分比div垂直居中

css html http

我们都知道，固定高宽的div在网页中垂直居中很简单，相信大家也很容易的写出来，但是不是固定高宽的div如何垂直居中呢？我们在网页布局，特别是手机等web端网页经常是不固定高宽的div，那么这些div如何垂直居中呢？这篇文章，我总结一下。

Dawnzhang

2019/02/27

2.7K0

css背景图background-position百分比的理解

容器 android css

<position>值支持1~4个值，可以是具体数值，也可以是百分比，也可以是left, top, right, center, bottom关键字。可参考下图经典示意：

javascript.shop

2019/09/04

1.5K0

JavaFx-Label

javafx label

效果 #### 代码 import javafx.application.Application; import javafx.scene.Group; import javafx.scene.Sce

shengjk1

2021/03/02

2.8K0

css 透明度和百分比对应值

css

透明度百分比和十六进制对应关系表格，本对应关系以#fff对应100%为基础。例如，透明度为51%（0.51），对应十六进制色值为#828282，对前端或者设计师还是有点参考价值的。

grain先森

2020/07/28

8810

javafx的使用原理是什么？javafx与java有什么不同？

java

在生活中人们接触java比较多，很多人却不知道javafx是什么。javafx是一种编程语言，使用这种语言能够开发丰富的网络程序，目前javafx包括两种类别，一种是javafx脚本，另一种是javafx mobile（可以运行于手机等移动设备），在以后的发展中，javafx可能会拥有更多的作用。那么javafx的使用原理是什么？javafx与java有什么不同？

用户8739405

2021/07/02

4.8K0

css中的&

css sass message text 博客

要在座的人都停止了说话的时候，有了机会，方才可以谦逊地把问题提出，向人学习。—— 约翰·洛克今天看到一种css写法： /deep/ .message-list { flex: 1; .message-item { &-text { position: absolute; } } } /deep/我们之前博客提过了，嵌套写法很简单，今天聊聊&这个父选择器 sass中文文档提到了这个父选择器上方的&-text其实就表示.message-item-t

阿超

2022/08/17

1.3K0

css设置百分比小于100%时候不能居中

html auto center text width

文字颜色还有标题和文字之间间距可以忽略。。就是想问一下下面的图片和文字如何居中。我之前设置width的像素可以达到居中效果，但是背景色就不能铺满，然后使用width：100%之后就无法居中了。之前使用的margin 0 auto失效，然后尝试text-align:center也没有效果

用户6493868

2022/03/06

4040

JavaFx-TableView

javafx tableview

效果代码 //表格视图 public class TableViewSample extends Application { /* TableView类内置提供了对列数据排序的功能。用户可以通

shengjk1

2021/03/02

4K0

javafx框架tornadofx实战-舒尔特8-增加统计功能

游戏变量

重要的事情说3遍：动手敲代码！！！动手敲代码！！！动手敲代码！！！ shuerte3.gif 新建StatisticView.kt文件，并添加到主视图的right drawer中： import javafx.scene.chart.* import tornadofx.* class StatisticView : View("统计") { private val c by inject<MainController>()//注入控制器 private var bc by singleA

用户6167008

2020/06/28

5401

javafx控件的显示效果演示

javafx

effect.png import javafx.scene.effect.BlurType import javafx.scene.effect.DropShadow import javafx.scene.image.Image import javafx.scene.paint.Color import javafx.scene.paint.CycleMethod import javafx.scene.paint.LinearGradient import javafx.scene.paint.S

用户6167008

2019/10/12

2.3K0

相似问题

JavaFX 8滚动条css

无法在javafx 8中加载css文件

JavaFX 8获取小部件的有效CSS

如何获得DatePicker的正确CSS项(JavaFX 8)

可以禁用JavaFX 8中单个节点的CSS样式吗？

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问JavaFX 8 CSS中的百分比
EN