css - javafx2.2制作背景透明的滚动条

Question

我正在尝试通过在 javafx 2.2.3 中使用 css 设置样式来制作带有滚动条的滚动 Pane ，该滚动条具有透明(或至少是纯色)背景。

.scroll-pane .track{-fx-opacity: 0;}
.scroll-pane .scroll-bar{-fx-base: transparent;}

奇怪的是，上面的代码使滚动条变黑了。给 -fx-base 任何值 alfa 就可以做到这一点。

背景颜色完全没有效果...

我错过了什么？

Answer 1

这是一个sample它显示一个带有透明背景的滚动条。

该示例包含一些额外的程序逻辑，仅当用户将鼠标悬停在滚动条上时才在滚动条上显示视觉反馈 - 您可能需要也可能不需要。

示例中与滚动条相关的css为:

.address .scroll-pane {
  -fx-background-color: transparent;
}

.address .scroll-bar .increment-button {
  visibility: hidden;
}

.address .scroll-bar .decrement-button {
  visibility: hidden;
}

.address .scroll-bar:vertical {
  -fx-background-color: transparent;
}

.address .scroll-bar:vertical .track-background {
  visibility: hidden;
}

.address .scroll-bar:vertical .track {
  visibility: hidden;
}

.address .hide-thumb .scroll-bar:vertical .thumb {
  -fx-background-color: transparent;
}

在滚动条变得透明的地方，分配了额外的地址自定义样式类。

我通过研究默认 JavaFX 2.2 css 样式表的滚动条部分来确定要使用的 css caspian.css .

样本的输出是: