2012-11-02 14 views
7

Sto provando a creare uno scrollpan con una barra di scorrimento che abbia uno sfondo trasparente (o almeno solido) abbinandolo con css in javafx 2.2.3.javafx2.2 creazione di una barra di scorrimento con sfondo trasparente

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

Stranamente, il codice sopra rende la barra di scorrimento nera. Giving -fx-base qualsiasi valore con alfa lo fa.

Priorità-colore ha alcuna incidenza a tutti ...

Che cosa mi manca?

risposta

7

Questo è un sample che visualizza una barra di scorrimento con uno sfondo trasparente.

L'esempio include alcune logiche di programma aggiuntive per mostrare solo un feedback visivo sulla barra di scorrimento quando l'utente si posiziona sopra la barra di scorrimento: potrebbe essere necessario o meno.

Il CSS relativo alla barra di scorrimento del campione è:

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

Se la barra di scorrimento viene reso trasparente ha l'ulteriore classe di stile personalizzato di indirizzo assegnato.

Ho determinato il css da utilizzare studiando la sezione barra di scorrimento del foglio di stile CSS predefinito JavaFX 2.2 caspian.css.

uscita del campione è:

The Gettysburg address

+3

Grazie, anche se non ho potuto ottenere lo stesso risultato con 'visibility: hidden;', '-fx-opacità: 0;' funzionato :) –