JavaFX - стиль первой и последней вкладки только - PullRequest
Новая
       21

JavaFX - стиль первой и последней вкладки только

0 голосов
/ 07 марта 2020

Есть ли способ (CSS или Java) стилизовать первую и последнюю вкладку только в Dynami c TabPane?

Пример:
example

Спасибо!

1 Ответ

3 голосов
/ 08 марта 2020

Вы можете наблюдать ObservableList<Tab>, возвращаемое TabPane#getTabs() и обновлять класс стиля каждого Tab в зависимости от ситуации. Например:

Приложение. java: 

import javafx.application.Application;
import javafx.collections.ListChangeListener.Change;
import javafx.collections.ObservableList;
import javafx.css.Styleable;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.control.TabPane.TabClosingPolicy;
import javafx.scene.control.TabPane.TabDragPolicy;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class App extends Application {

  @Override
  public void start(Stage primaryStage) {
    TabPane pane = new TabPane();
    pane.setTabClosingPolicy(TabClosingPolicy.ALL_TABS);
    pane.setTabDragPolicy(TabDragPolicy.REORDER); // requires JavaFX 10+
    pane.getTabs().addListener(App::tabsChanged);
    pane.getTabs() // add tabs **after** adding ListChangeListener
        .addAll(
            new Tab("Test Tab #1", new StackPane(new Label("Content #1"))),
            new Tab("Test Tab #2", new StackPane(new Label("Content #2"))),
            new Tab("Test Tab #3", new StackPane(new Label("Content #3"))),
            new Tab("Test Tab #4", new StackPane(new Label("Content #4"))),
            new Tab("Test Tab #5", new StackPane(new Label("Content #5"))));
    Scene scene = new Scene(pane, 600, 400);
    scene.getStylesheets().add(getClass().getResource("/App.css").toExternalForm());
    primaryStage.setScene(scene);
    primaryStage.show();
  }

  private static void tabsChanged(Change<? extends Tab> c) {
    while (c.next()) {
      if (c.wasRemoved()) {
        for (Tab removed : c.getRemoved()) {
          removed.getStyleClass().removeAll("first-tab", "last-tab");
        }
      }
    }

    ObservableList<? extends Tab> tabs = c.getList();
    if (tabs.size() == 1) {
      Tab tab = tabs.get(0);
      addStyleClassIfAbsent(tab, "first-tab");
      addStyleClassIfAbsent(tab, "last-tab");
    } else if (!tabs.isEmpty()) {
      Tab first = tabs.get(0);
      addStyleClassIfAbsent(first, "first-tab");
      first.getStyleClass().remove("last-tab");

      Tab last = tabs.get(tabs.size() - 1);
      addStyleClassIfAbsent(last, "last-tab");
      last.getStyleClass().remove("first-tab");

      for (Tab middle : tabs.subList(1, tabs.size() - 1)) {
        middle.getStyleClass().removeAll("first-tab", "last-tab");
      }
    }
  }

  private static void addStyleClassIfAbsent(Styleable styleable, String styleClass) {
    ObservableList<String> styleClasses = styleable.getStyleClass();
    if (!styleClasses.contains(styleClass)) {
      styleClasses.add(styleClass);
    }
  }
}

Приложение. css: 

.first-tab,
.last-tab {
  -fx-base: pink;
}

-fx-base - это искомый цвет , добавленный modena.css (т. Е. Таблица стилей агента пользователя по умолчанию в JavaFX 8+). Я установил это вместо свойства -fx-background-color, чтобы подключиться к «тематике», предоставляемой modena.css. В приведенном выше примере вы можете увидеть динамическое изменение стилей путем изменения порядка вкладок с помощью перетаскивания мышью (JavaFX 10+) или закрытия вкладок.

Примечание. Я бы предпочел использовать PseudoClass за это. Однако, насколько я могу судить, класс Tab не позволяет вам (де) активировать псевдоклассы напрямую. То, как он обрабатывает псевдокласс :selected, является внутренним по отношению к оболочке TabPane по умолчанию, что означает, что мы не можем получить доступ к той же функциональности для наших целей извне.

...