javafx - GlassPane 中的图层布局未按预期工作

Question

我安装了一个GlassPane类似的图层：

MobileApplication.getInstance().getGlassPane().getLayers().add(myLayer);

现在我希望 myLayer 的内容在 glassPane 的中心对齐，就像我添加一个图层时一样View：

view.getLayers().add(myLayer)

虽然对齐设置为中心，但我得到以下结果：

我注意到添加到 glassPane 的图层的 layoutBounds 都是“0”，而视图中图层的 layoutBounds 与视图 layoutBounds 相同。

此外，我不需要layer.show()按照胶子文档中的说明进行调用（“然后通过调用 show(), ... 来实现显示图层”），因为图层在添加到图层后会立即显示。

我错过了什么吗？

Answer 1

我建议您在这里查看详细文档，而不仅仅是 JavaDoc。

在那里，您将找到有关如何添加和创建图层的更详细说明。

首选方法是使用addLayerFactory()，例如：

@Override
public void init() {
    addViewFactory(BASIC_VIEW, () -> new BasicView(BASIC_VIEW));

    addLayerFactory("My Layer", () -> new SidePopupView(new StackPane(new Button("Side"))));
}

该层将被隐藏，除非您使用 显示它MobileApplication.getInstance().showLayer("My Layer")。

您可以创建自己的Layer实现，例如：

private class MyLayer extends Layer {

    private final Node root;
    private final double size = 150;

    public MyLayer() {
        root = new StackPane(new Button("A custom layer"));
        root.setStyle("-fx-background-color: white;");
        getChildren().add(root);
        getGlassPane().getLayers().add(this);
    }

    @Override
    public void layoutChildren() {
        root.setVisible(isShowing());
        if (!isShowing()) {
            return;
        }
        root.resize(size, size);
        resizeRelocate((getGlassPane().getWidth() - size)/2, (getGlassPane().getHeight()- size)/2, size, size);
    }
}

并将其添加到工厂：

addLayerFactory("My Layer", () -> new MyLayer());

但请注意，您必须调整大小并重新定位它，否则您将获得图片中的 0,0 位置，并注意其可见性。

或者您可以使用内置层，例如SidePopupView，您无需担心这些更底层的细节。