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。

樣本的輸出是：