2012-09-21 6 views
8

Mam aplikację JavaFX z SplitPane. Chcę ukryć suwak/dzielnik SplitPane. Jak mogę to zrobić?JavaFX: Ukryj suwak/dzielnik SplitPane

Pozdrowienia z Niemiec (przepraszam za mój angielski)

Julian

+0

Korzystając szyba/Layout inny niż Splitpane. W razie potrzeby użyj zagnieżdżonych szyb. –

Odpowiedz

-1

SplitPane.Divider nie dziedziczą Node, dlatego nie ma disableProperty.

Jeśli trzeba mieć okienko podzielone być zmieniany tylko z kodu, można skórę rozdzielacz poprzez CSS być niewidzialny i o wielkości koło 0.

inny sposób wykorzystywać AnchorPane „s zagnieżdżone w VBox

7

w caspian.css, widać

/* horizontal the two nodes are placed to the left/right of each other. */ 
.split-pane:horizontal > * > .split-pane-divider { 
    -fx-border-color: transparent -fx-box-border transparent #BBBBBB; 
    -fx-background-color: transparent, -fx-inner-border-horizontal; 
    -fx-background-insets: 0, 0 1 0 1; 
} 

/* vertical the two nodes are placed on top of each other. */ 
.split-pane:vertical > * > .split-pane-divider { 
    -fx-border-color: #BBBBBB transparent -fx-box-border transparent; 
    -fx-background-color: transparent, -fx-inner-border; 
    -fx-background-insets: 0, 1 0 1 0; 
} 

używam jedną pionową, więc overrided pionową jeden w moim css, jak następuje:

.split-pane:vertical > * > .split-pane-divider { 
    -fx-border-color: transparent; 
    -fx-background-color: transparent; 
    -fx-background-insets: 0; 
} 

I działa. Jeśli chcesz ukryć zbyt grabbera (np ja nie krył go, wydaje się ładne), myślę, że następująca reguła może załatwić sprawę:

.split-pane *.vertical-grabber { 
    -fx-padding: 0; 
    -fx-background-color: transparent; 
    -fx-background-insets: 0; 
    -fx-shape: " "; 
} 

Mam nadzieję, że to pomaga.

+0

Myślę, że zrobiłem to jak pokazano, ale nie działało w JavaFX 8. Może nie używam Caspian (jak to sprawdzić), a css musi być inny? – Joel

12

Jest trochę inna w Java FX8 (styl Modena):

.split-pane *.split-pane-divider { 
    -fx-padding: 0 1 0 1; 
} 
+1

To jest poprawna odpowiedź dla FX8 – Zach

+0

'-fx-padding: 1 0 1 0' dla orientacji pionowej +1 –

1

Te inne odpowiedzi pozostało cienki szary pasek tak w moim CSS I dodaje:

.split-pane-divider { 
    -fx-background-color: transparent; 
}