时间戳

首页 > 解决方案 > JavaFX - 重叠窗格

javafx - JavaFX - 重叠窗格

问题描述

我正在尝试找到一个解决方案，其中一个层可以与另一个层重叠而不将其推向任何方向。类似这样：https ://docs.oracle.com/javase/7/docs/api/javax/swing/JLayeredPane.html但在 JavaFX 中。

这似乎是一个非常基本的功能，但我真的找不到解决方案。

我想要实现的是以下内容：

我想要一个 root Node，比如说 a BorderPane，其中left有一个 (settings)pane并且在它center的主要内容中。当用户单击 中的按钮时center，将left显示窗格而不将center窗格推到右侧。这就是问题所在，因为期望的行为将是在中心内容上而不是在它旁边。

toFronttoBack乍一看，函数似乎是一种可能的解决方案，但它只会改变渲染顺序。

不幸的是，我认为这个问题不能用 a 来解决，BorderPane因为它无法管理重叠。但让我们希望我在这里错了。使用BorderPane. 如果它的工作方式与我在上一节中提到的相似就足够了。

也许它可以用 a 来实现SubScene，但我真的不知道怎么做。

SubScene文档： https


://docs.oracle.com/javase/8/javafx/api/javafx/scene/SubScene.html 非常感谢任何帮助。

更新：示例图片

示例图片

标签： javafxlayeroverlappane

解决方案

与@Nand 和@LBald 的建议相同，我也认为在这种情况下 StackPane 可能是一个不错的选择。下面是一个快速演示，展示了带有一点淡入淡出效果的覆盖节点。

import javafx.animation.FadeTransition;
import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.HBox;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.util.Duration;

import java.util.stream.Stream;

public class OverlayLayout_Demo extends Application {
    @Override
    public void start(Stage primaryStage) throws Exception {
        StackPane root = new StackPane();
        Scene scene = new Scene(root, 500, 500);
        primaryStage.setScene(scene);
        primaryStage.setTitle("Node Overlay Demo");
        primaryStage.show();

        HBox hBox = new HBox(new Button("One"), new Button("Two"));
        hBox.setPadding(new Insets(10));
        hBox.setSpacing(10);
        StackPane hPane = new StackPane(hBox);
        hPane.setMaxHeight(100);
        hPane.setVisible(false);
        hPane.setStyle("-fx-background-color:#55555550");

        VBox vBox = new VBox(new Button("One"), new Button("Two"));
        vBox.setPadding(new Insets(10));
        vBox.setSpacing(10);
        StackPane vPane = new StackPane(vBox);
        vPane.setMaxWidth(100);
        vPane.setVisible(false);
        vPane.setStyle("-fx-background-color:#55555550");

        Button left = new Button("Left");
        Button top = new Button("Top");
        Button right = new Button("Right");
        Button bottom = new Button("Bottom");
        VBox buttons = new VBox(left, top, right, bottom);
        buttons.setStyle("-fx-border-width:2px;-fx-border-color:black;");
        buttons.setSpacing(10);
        buttons.setAlignment(Pos.CENTER);
        StackPane.setMargin(buttons, new Insets(15));

        StackPane content = new StackPane(buttons);
        content.setOnMouseClicked(e -> {
            Node node = vPane.isVisible() ? vPane : hPane;
            FadeTransition ft = new FadeTransition(Duration.millis(300), node);
            ft.setOnFinished(e1 -> node.setVisible(false));
            ft.setFromValue(1.0);
            ft.setToValue(0.0);
            ft.play();
        });

        root.getChildren().addAll(content, hPane, vPane);

        Stream.of(left, top, right, bottom).forEach(button -> {
            button.setOnAction(e -> {
                vPane.setVisible(false);
                hPane.setVisible(false);
                Node node;
                switch (button.getText()) {
                    case "Left":
                    case "Right":
                        node = vPane;
                        StackPane.setAlignment(vPane, button.getText().equals("Left") ? Pos.CENTER_LEFT : Pos.CENTER_RIGHT);
                        break;
                    default:
                        node = hPane;
                        StackPane.setAlignment(hPane, button.getText().equals("Top") ? Pos.TOP_CENTER : Pos.BOTTOM_CENTER);
                }
                node.setVisible(true);
                FadeTransition ft = new FadeTransition(Duration.millis(300), node);
                ft.setFromValue(0.0);
                ft.setToValue(1.0);
                ft.play();
            });
        });
    }

    public static void main(String... args) {
        Application.launch(args);
    }
}

推荐阅读