javafx2.2 Tworzenie paska przewijania z przezroczystym tłem

Question

Próbuję zrobić przewijanie za pomocą paska przewijania, który ma przezroczyste (lub co najmniej stałe) tło, stylizując je za pomocą css w javafx 2.2.3.

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

Co dziwne, powyższy kod sprawia, że ​​pasek przewijania jest czarny. Nadanie -fx-base dowolnej wartości z alfa to robi.

background-color ma efect w ogóle ...

Czego mi brakuje?

Answer 1

Oto sample, który wyświetla pasek przewijania z przezroczystym tłem.

Próbka zawiera dodatkową logikę programu, która pokazuje tylko wizualną informację zwrotną na pasku przewijania, gdy użytkownik unosi się nad paskiem przewijania - możesz lub nie potrzebujesz tego.

css związane z przewijania w próbce wynosi:

.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; 
} 

Jeżeli pasek przewijania jest przezroczysta ma dodatkową klasę niestandardowego stylu adresu przypisanego do niego.

Określiłem css do użycia, badając sekcję paska przewijania domyślnego arkusza stylów JavaFX 2.2 css caspian.css.

wyjściowej próbce wynosi: