带有拆分条的 Javafx BorderPane

Question

如何在BorderPane的左节点和中心节点之间放置一个分割条？ UI 的工作原理如下：

1) 当应用程序windows水平调整大小时，中心水平调整大小。当 windows 垂直调整大小时，中心和左侧垂直调整大小。（这些是 BordePane 的默认行为）。

2) 用户可以拖动以在左侧和中间之间移动 space/ 栏以水平调整它们的大小。

我可以结合 BorderPane 和 SplitPane 来实现吗？有什么想法吗？

Answer 1

将左侧项目的 SplitPane.resizableWithParent 属性设置为 false:

@Override
public void start(Stage stage) {
    Region left = new Region();
    left.setStyle("-fx-background-color: red;");
    Region right = new Region();
    right.setStyle("-fx-background-color: blue;");

    // left node shouldn't resize with BorderPane
    SplitPane.setResizableWithParent(left, Boolean.FALSE);

    SplitPane center = new SplitPane(left, right);
    center.setPrefSize(400, 400);

    BorderPane root = new BorderPane(center);

    Scene scene = new Scene(root);
    stage.setScene(scene);
    stage.show();
}

带有拆分条的 Javafx BorderPane

Javafx BorderPane with split bar

user-interface

javafx

borderpane

splitpane