java - 如何在 JavaFX 中设置滚动条的 CSS 样式？

Question

是否可以将 ListView 的 Angular 设置为特定颜色或隐藏它/使其透明，如果可以的话我会怎么做？

下面是我目前尝试使用 CSS 设置 ListView 样式的尝试。

.list-view .scroll-bar:vertical {
    -fx-background-color:#2c365d;
}

.list-view .increment-button ,.list-view .decrement-button {
    -fx-background-color:transparent;
    -fx-border-color:transparent;
}

.list-view .scroll-bar:vertical .thumb {
    -fx-background-color:#455491;
    -fx-background-insets: 5, 5, 5;
    -fx-background-radius: 5;
}

.list-view .scroll-bar:horizontal {
    -fx-scale-x: 0;
}

Answer 1

您可以像这样设置滚动 Pane 一 Angular 的样式:

.scroll-bar > .corner {    
    -fx-background-color: #2c365d ;
}

我强烈推荐 Scene Builder 及其 CSS 分析器，非常适合查找此类内容。使用 CSS 分析器，您可以查看“Styleable path”并找到 .corner 样式类，如下图所示。

即使您在代码中创建 GUI，您仍然可以使用 Scene Builder 来简单地查找此类内容并创建快速模型。

编辑:虽然上面的答案对于滚动 Pane 来说很好，但对于 ListView 来说并不完全相同，这正是 op 想要的 - 我的错。 ListView 具有可样式化的路径:

.list-view .virtual-flow .corner

所以这应该可以设置 ListView 一 Angular 的样式。

.virtual-flow > .corner {    
    -fx-background-color: #2c365d ;
}

我假设您只有其中一个 ListView，然后您可以给它一个 id，并且仅设置特定 ListView 的 Angular 的样式。