Pytanie Zmień domyślny wygląd karty JavaFx Tab


Próbuję zmienić domyślny wygląd kart JavaFx przy użyciu css.

Udało mi się osiągnąć następujące.

enter image description here

Czego szukam, to nie powinno być luki na pierwszej karcie.

Czy ktoś może wskazać mi właściwy kierunek, w jaki sposób to osiągnąć.

Poniżej znajduje się wynik, który próbuję osiągnąć.

enter image description here

Użyłem następujących CSS

.tab-pane .tab-header-area .tab-header-background {
    -fx-opacity: 0;
}

.tab-pane
{
    -fx-tab-min-width:90px;
}

.tab{
    -fx-background-insets: 0 1 0 1,0,0;
}
.tab-pane .tab
{
    -fx-background-color: #e6e6e6;

}

.tab-pane .tab:selected
{
    -fx-background-color: #3c3c3c;
}

.tab .tab-label { 
    -fx-alignment: CENTER;
    -fx-text-fill: #828282;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
}

.tab:selected .tab-label { 
    -fx-alignment: CENTER;
    -fx-text-fill: #96b946;
}

16
2017-11-05 12:09


pochodzenie


chciałem tylko zauważyć, że otrzymany CSS już mi pomógł :) - Xerus


Odpowiedzi:


Powinieneś także zastąpić CSS:

.tab-pane:top *.tab-header-area {
    -fx-background-insets: 0, 0 0 1 0;
 /* -fx-padding: 0.416667em 0.166667em 0.0em 0.833em; /* 5 2 0 10 */
    -fx-padding: 0.416667em 0.166667em 0.0em 0.0em; /* overridden as 5 2 0 0 */
}

Tutaj wartość lewego dopełnienia obszaru nagłówka tabulacji zmieniła się z 10 na 0. Ponadto trzeba zastąpić inne selektory CSS: .tab-pane:bottom, .tab-pane:left i .tab-pane:right w ten sam sposób dla różnych javafx.geometry.Sides TabPane.


13
2017-11-05 15:48