javafx2.2 macht eine Bildlaufleiste mit transparentem Hintergrund

Question

Ich versuche, ein scrollpanel mit einer Bildlaufleiste, die transparent (oder zumindest solide) Hintergrund hat, indem Sie es mit CSS in javafx 2.2.3.

Seltsamerweise macht der obige Code scrollbar schwarz. Giving -fx-base jeden Wert mit Alfa tut das.

Hintergrund-Farbe hat überhaupt keinen EFFEKT ...

Was bin ich?

Answer 1

Hier ist eine sample, die eine Bildlaufleiste mit einem transparenten Hintergrund anzeigt.

Das Beispiel enthält einige zusätzliche Programmlogik, um nur eine visuelle Rückmeldung über die Bildlaufleiste anzuzeigen, wenn der Benutzer über die Bildlaufleiste bewegt wird - Sie können dies möglicherweise oder nicht benötigen.

der CSS zu der Scrollbar in der Probe ist:

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

Wo die Bildlaufleiste transparent gemacht wird, hat die zusätzlichen benutzerdefinierten Stil Klasse-Adresse zugewiesen.

Ich bestimmt die CSS zu verwenden, indem Sie die Scroll-Leiste Abschnitt der Standard JavaFX 2.2 CSS-Stylesheet caspian.css zu studieren.

Ausgabe der Probe ist: