如何自定义 JavaFX 进度条的外观？

JavaFX 进度条样式

简介

自定义 UI 组件的外观可以增强用户体验并使它们与应用程序的美观保持一致。本文讨论 JavaFX ProgressBar 组件的自定义。

设置进度栏颜色

使用 -fx-background-color 属性定义进度栏的颜色。内部栏可以使用 -fx-accent 属性进行着色。

.progress-bar {
    -fx-background-color: lightblue;
    -fx-accent: red;
}

设置进度栏背景颜色

要将进度栏的背景颜色与其主颜色分开设置，使用 -fx-control-inner-background 属性。

.progress-bar > .track {
    -fx-control-inner-background: lightgray;
}

在进度栏顶部添加自定义文本

要在进度栏顶部添加文本节点，请创建一个自定义标签并将其绝对定位在栏上。

Label progressText = new Label("Progress: 50%");
progressText.setLayoutX(getProgressBar().getLayoutX() + getProgressBar().getWidth() / 2);
progressText.setLayoutY(getProgressBar().getLayoutY() + 2);

其他自定义

更改进度栏高度

.progress-bar .bar { 
    -fx-padding: 1px; 
    -fx-background-insets: 0; 
}

CSS 类名称和命令

ProgressBar 组件的 CSS 类名称和命令可在 JavaFX 默认样式表中找到，例如 modena.css (Java 8) 或 caspian.css (Java 7)。

CSS 参考指南

有关 JavaFX CSS 使用的一般信息，请参阅 JavaFX CSS 参考指南。

以上是如何自定义 JavaFX 进度条的外观？的详细内容。更多信息请关注PHP中文网其他相关文章！