ControlsFX 分段条形文本的 CSS 样式

Question

如何更改 ControlsFX 分段条的文本的大小和颜色？常规方式：

-fx-font-size: 15px

好像没用。

我是使用 CSS 样式表还是通过代码更改它对我来说并不重要。我都试过了。 -fx-background-color: 确实有效，所以我的样式有效果。

我似乎找不到任何地方，或者直观地找出正确的 CSS 来设置分段栏控件的文本样式。

谢谢！

Answer 1

ControlsFX 使用默认的SegmentViewFactory，它使用一个名为SegmentView 的类和一个样式类segment-view，因此这是在SegmentedBar 中设置文本样式的方法：

.segment-view {
    -fx-font-size: 15px;
}

在SegmentedBar 中设置文本样式的另一种方法是使用自定义SegmentViewFactory。这是一个例子：

SegmentedBar<Segment> bar = new SegmentedBar<>();
bar.getSegments().addAll(
        new Segment(2.46, "Apple"),
        new Segment(2.43, "Microsoft"),
        new Segment(1.94, "Alphabet"),
        new Segment(1.72, "Amazon"));
bar.setOrientation(Orientation.HORIZONTAL);
bar.setSegmentViewFactory(segment -> {
    Label viewNode = new Label(String.format("%s (%.2fT)", segment.getText(), segment.getValue()));
    viewNode.setStyle("-fx-font-size: 15px; -fx-font-style: italic;");
    return viewNode;
});