JavaFX：隐藏 SplitPane 的滑块/分隔线

Question

我有一个带有SplitPane的 JavaFX 应用程序。 我想隐藏SplitPane的 Slider/Divider 。 我怎样才能做到这一点？

来自德国的问候（对不起我的英语）

朱利安

Answer 1

它在 Java FX8 中有点不同（modena 风格）：

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

Answer 2

在 caspian.css 中，你会看到

/* 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;
}

我使用的是垂直的，所以我在我的 css 中覆盖了垂直的，如下所示：

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

它有效。 如果你也想隐藏抓取器（例如我没有隐藏它，看起来不错），我认为以下规则可能会起作用：

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

我希望它有帮助。

Answer 3

这些其他答案仍然留下了一个灰色的细条，所以在我的 CSS 中我添加了：

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

Answer 4

另一个注意事项：

分隔符出现在拆分窗格的项目列表中的子项之间。 如果您的拆分窗格中只有一项，您将看不到分隔线。 如果您的拆分窗格有 3 个项目，您将看到 2 个分隔线。 如果您需要去掉分隔线，则可能根本不需要拆分窗格中的项目。 因此，只需暂时从拆分窗格的项目列表中删除该项目。

Answer 5

晚了，但这是如何正确地做到这一点，而不是使用 CSS 解决它：

for (Node node : splitPane.lookupAll(".split-pane-divider")) {
    node.setVisible(false);
}

Answer 6

SplitPane.Divider不继承自Node ，因此它没有disableProperty 。

如果您需要仅从代码中调整拆分窗格的大小，您可以通过 CSS 将分隔线设置为不可见且大小接近 0。

否则使用AnchorPane嵌套到VBox