我试图通过在javafx 2.2.3中使用css设置样式来创建一个带有透明(或至少是实心)背景的滚动条的滚动窗格。
.scroll-pane .track{-fx-opacity: 0;}
.scroll-pane .scroll-bar{-fx-base: transparent;}
奇怪的是,上面的代码使滚动条变黑。使用alfa为-fx-base赋予任何值。
背景色完全没有效果......
我错过了什么?
答案 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。
样本的输出是: