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

时间:2012-11-02 17:41:41

标签: css background scrollbar javafx skinning

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

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

奇怪的是,上面的代码使滚动条变黑。使用alfa为-fx-base赋予任何值。

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

我错过了什么?

1 个答案:

答案 0 :(得分:7)

这是一个显示带透明背景的滚动条的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样式表caspian.css的滚动条部分来确定要使用的css。

样本的输出是:

The Gettysburg address