javafx - 如何在 Java FX 中创建多个可折叠窗格？

Question

如何在 Java FX 中创建多个可折叠窗格？

最终结果将是屏幕右侧的两个窗格。如果一个是打开的，它会占据右侧屏幕的三分之一。如果两者都打开，则一个将填满右上角，另一个将填满右下角。这不会导致每个窗格的内容被缩小，但其中一些内容被隐藏，用户可以向下滚动每个窗格以查看隐藏的内容。

每个都可以通过单击屏幕上的按钮来打开/关闭。

谢谢！

Answer 1

我不确定我的描述是否正确，但这应该足以让您入门。将 aTitledPane用于可折叠窗格，并将它们放在可以均匀分布垂直空间的东西中，例如 aGridPane和适当的RowConstraints. 将 放在GridPanea 的右侧BorderPane。

SSCCE：

import javafx.application.Application;
import javafx.geometry.VPos;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.ScrollPane;
import javafx.scene.control.TitledPane;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.RowConstraints;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class TitledPaneInGridExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        GridPane grid = new GridPane();
        grid.add(createTitledPane("Pane 1"), 0, 0);
        grid.add(createTitledPane("Pane 2"), 0, 2);

        RowConstraints top = new RowConstraints();
        top.setValignment(VPos.TOP);
        top.setPercentHeight(100.0 / 3.0);

        RowConstraints middle = new RowConstraints();
        middle.setValignment(VPos.CENTER);
        middle.setPercentHeight(100.0 / 3.0);

        RowConstraints bottom = new RowConstraints();
        bottom.setValignment(VPos.BOTTOM);
        bottom.setPercentHeight(100.0 / 3.0);

        grid.getRowConstraints().addAll(top, middle, bottom);

        BorderPane root = new BorderPane(new Label("Content"), null, grid, null, null);
        primaryStage.setScene(new Scene(root, 800, 600));
        primaryStage.show();
    }

    private TitledPane createTitledPane(String title) {
        TitledPane expandable = new TitledPane();
        expandable.setText(title);
        VBox content = new VBox(5);
        for (int i=1; i<=20; i++) {
            content.getChildren().add(new Label("Item "+i));
        }
        ScrollPane scroller = new ScrollPane();
        scroller.setContent(content);
        expandable.setContent(scroller);
        expandable.setExpanded(false);
        return expandable ;
    }

    public static void main(String[] args) {
        launch(args);
    }
}