Java 从上到下出现的 FX 组件

Question

是否存在像下面 gif 中那样从上到下出现的 Java FX 组件？

Answer 1

如果您谈论的是对话框 window、ControlsFX have something similar NotificationPane。

Answer 2

我能够实现基于窗格转换的演示。看起来像：

这种方法的缺点是它不适用于具有标准边框、按钮等的 Window。开发人员负责基于 [= 构建一个漂亮的 window 12=].

另一个问题是调整父窗格的大小 window 也会调整子窗格的大小。但是，如果您没有可调整大小的父对话框，那应该不是问题。

欢迎您复制粘贴此代码并使用它：

public class Main extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) {
        final SubPane subPane = new SubPane();

        final TranslateTransition dialogAnimator =
                new TranslateTransition(new Duration(500), subPane);

        final Button showSubPaneButton = new Button("Slide a sub pane");
        showSubPaneButton.setOnAction(event -> {
            dialogAnimator.setToY(10);
            dialogAnimator.play();
        });

        subPane.setCloseAction(event -> {
            dialogAnimator.setToY(-subPane.getHeight());
            dialogAnimator.play();
        });

        final Pane rootPane = new StackPane(showSubPaneButton, subPane);
        rootPane.setPrefWidth(400);
        rootPane.setPrefHeight(300);

        // By default hide the given pane by moving to the top.
        Platform.runLater(() -> subPane.setTranslateY(-subPane.getHeight()));

        primaryStage.setTitle("Drop slided dialog");
        primaryStage.setScene(new Scene(rootPane));
        primaryStage.show();
    }
}

class SubPane extends BorderPane {
    private final Button dialogButton = new Button("Close");

    SubPane() {
        final Pane centralPane = new StackPane(dialogButton);
        centralPane.setStyle(
                "-fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 10, 0, 0, 0);-fx-padding: 10;" +
                "-fx-background-color: firebrick;-fx-background-radius: 10;");
        setCenter(centralPane);

        final Pane blankLeftPane = new StackPane();
        blankLeftPane.setPrefWidth(100);
        setLeft(blankLeftPane);

        final Pane blankRightPane = new StackPane();
        blankRightPane.setPrefWidth(100);
        setRight(blankRightPane);

        final Pane blankBottomPane = new StackPane();
        blankBottomPane.setPrefHeight(200);
        setBottom(blankBottomPane);
    }

    void setCloseAction(final EventHandler<ActionEvent> closeCallback) {
        dialogButton.setOnAction(closeCallback);
    }
}

Java 从上到下出现的 FX 组件

Java FX component that appears from top and goes down

java

javafx

javafx-2