JavaFX场景构建器：使网格窗格包装成滚动窗格，在调整大小时保持在角落

Question

我正在制作这个用户界面，其中显示了一个图像映射，包装成一个锚窗格，本身包装成一个滚动窗格。我想在左下角添加一个覆盖，显示坐标。当然，即使在调整视图大小和左右滚动地图的时候，这个覆盖也必须是可见的。我试图在anchorpane中使用约束，但是当向右滚动地图时，坐标字段消失了。在这里，您可以看到我的层次结构的视图和我希望字段保持的位置：场景构建器视图Thx为您的答案。

Answer 1

SplitPane
  └AnchorPane
    ├ScrollPane
    │  └... 
    └Label(etc)

为了重叠标签，我推荐上面的构造。这是因为标签在视口之外，使得视口的缩放和转换更容易。

考虑到横向滚动条不可见的情况，应该使用绑定计算标签的layouty。

// These can be set in Scene Builder
anchorPane.getChildren().addAll(scrollPane, label);
AnchorPane.setTopAnchor(scrollPane, 0.0);
AnchorPane.setLeftAnchor(scrollPane, 0.0);
AnchorPane.setRightAnchor(scrollPane, 0.0);
AnchorPane.setBottomAnchor(scrollPane, 0.0);
AnchorPane.setLeftAnchor(label, 0.0);

// Bind LayoutY of Label
DoubleBinding labelLayoutYBinding = Bindings.createDoubleBinding(
        () -> scrollPane.getViewportBounds().getHeight() - label.getHeight(),
        label.heightProperty(),
        scrollPane.viewportBoundsProperty());
labelLayoutYBinding.addListener((o, ov, nv) -> label.setLayoutY(nv.doubleValue()));

如果水平的滚动条总是显示在应用程序中，那么在场景生成器中设置固定的底部偏移量比使用绑定更容易。

// This can be set in Scene Builder
AnchorPane.setBottomAnchor(label, 13.0); // Set the fixed value to ease up