在 JavaFX 中更改 TabPane 的 Tab 大小

Question

我們可以在 JavaFX 中更改 TabPane 的選項卡大小嗎？ 我正在使用 SceneBuilder，但它似乎不提供選項卡大小的任何自定義

目前我有這樣的事情

.

我想要的基本上是填充父級的選項卡，當它被點擊時，它會顯示像這樣的其他表單（我用按鈕制作的只是粗略的圖像）

有可能做這樣的事情嗎？ 任何幫助表示贊賞。 謝謝

Answer 1

據我所知，元素的寬度和高度是只讀的。 您可以設置 -fx-pref-width、-fx-pref-height、-fx-max-width、-fx-min-width、-fx-max-height、-fx-min-height、-fx-border- width 和 -fx-border-height 來調整 Java FX 元素的大小。

你可以使用 Css 做你想做的事：

.tab {

    -fx-pref-width: 250
} 
.tab-header-background {
    -fx-background-color:transparent
}

.tab-pane{
    -fx-padding: 0 -1 -1 -1
}

Answer 2

我們可以為 TabPane 上的所有選項卡設置最小/最大寬度/高度。

@FXML
TabPane tabPane;

和某處：

tabPane.setTabMinWidth(33);
tabPane.setTabMinHeight(33);
tabPane.setTabMaxWidth(69);
tabPane.setTabMaxHeight(69);

Answer 3

您可以通過屬性綁定來實現這一點：

val binding = tabPaneParent.widthProperty().doubleBinding(tabPane.tabs) {
    it as Double / tabPane.tabs.size // - 30
}

tabPane.tabMinWidthProperty().bind(binding)
tabPane.tabMaxWidthProperty().bind(binding)

tabPaneParent是在節點tabPane生活， doubleBinding是TornadoFX的equivlant Bindings#createDoubleBinding 。

這將對用戶調整窗口大小以及選項卡計數增加/減少做出反應。