javafx2.2制作一个透明背景的滚动条

Question

我试图通过在javafx 2.2.3中使用css设置样式来创建具有透明(或至少是实心)背景的滚动条的滚动窗格.

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

奇怪的是,上面的代码使滚动条变黑.使用alfa给予-fx-base任何值都可以.

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

我错过了什么？

Answer 1

这是一个显示带透明背景的滚动条的示例.

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

与示例中的滚动条相关的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样式表caspian.css的滚动条部分来确定要使用的css .

样本的输出是: