Сменить изображение в выбранной вкладке JavaFX - PullRequest
0 голосов
/ 21 февраля 2020

У меня есть эта проблема. Я хочу изменить изображение на вкладке, выбранной в моем JFXTabPane. Я должен поместить зеленое изображение с белым фоном, но я не получаю это изменение изображения. Я попытался внести изменения с помощью CSS, но у меня возникают конфликты с областью вкладок и заголовком, изображение заметно поворачивается, если я применяю -fx-rotate:90 вкладка изменяет поворот изображения и вкладка тоже не видна зеленой рамкой .

image

#tabPrincipalPane{
 -fx-tab-min-height: 5em;
 -fx-tab-max-height: 5em;

 -fx-tab-min-width: 0.5em;
 -fx-tab-max-width: 0.5em;

 -fx-background-color:white;
}
/*Verde #4FAF3C*/
.tab .tab-label{
    /*-fx-rotate: 90;*/
    
    -fx-background-color: transparent;
    -fx-aligment: center;
    -fx-text-fill: green;
}

.tab{
    -fx-pref-height: 100;
    -fx-background-color: #4FAF3C;
    -fx-background-insets: 0.0;
    -fx-background-radius: 0.0;
    -fx-padding: 0 23 0 25;
    
}

.tab:selected{
    -fx-background-color: white;
    -fx-background-radius: 0;
    -fx-background-insets: 0;
    -fx-border-width: 5 0 0 0;
    -fx-border-color: #4FAF3C;
    
}

.tab:focused{
    -fx-focus-color: transparent;
}

/*.tab-pane *.tab-header-background{
    -fx-focus-color: transparent;
}*/
/*
*/.tab-pane:left *.tab-header-area{
    -fx-background-insets: 0 0 0 10;
    -fx-padding: 0.0em 0.0em 0.0em 0.0em;
}

.tab:selected .focus-indicator{
    -fx-focus-color: transparent;
    -fx-border-color: transparent;
        
}

.jfx-tab-pane .headers-region {
    -fx-background-color: white;
    
}

.jfx-tab-pane .tab-header-background {
    -fx-background-color: #4FAF3C;
}
.jfx-tab-pane .tab-selected-line {
    -fx-background-color:  transparent;
    
}
.jfx-tab-pane .tab-header-area .jfx-rippler{
    -jfx-rippler-fill:white;
    
    -fx-cursor:hand;
}
/*#tabHome{  <-tab id in my jfxtabpane
    -fx-background-image: url("../images/enter_white48px.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-rotate: 90;
    
}
#tabHome:selected{
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-image: url("../images/enter_48px.png");
    -fx-rotate: 90;
    
}*/
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...