Question

我正在打破这个工作。基本上我有2个标签。最初其中一个内容让我们假设它是100px大（我不知道提前大小。这只是一个例子）而另一个没有内容。在某些事件之后，我将之前的空标签添加到了一个200px的高度。

听到所有的好消息。 TabPane调整大小（在我调用requestLayout（）之后）正确并适合新内容。

现在，如果我删除200px内容，我希望标签窗格恢复为100px高，即最大项仍然留在标签上，但是它保持在200px，留下了很多空白空间。有人能为我提供如何解决这个问题的线索吗？

这是我的演示代码：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class TabPaneTest extends Application {


    @Override
    public void start(Stage primaryStage) throws Exception {
        TabPane tabPane = new TabPane();
        Tab tab1 = new Tab("Test 1");
        Tab tab2 = new Tab("Test 2");

        final Pane tab2Content = new Pane();
        tab2Content.getStyleClass().add("tab2Content");
        tab2.setContent(tab2Content);

        tabPane.getTabs().addAll(tab1, tab2);

        Button addSquare = new Button("Add");
        addSquare.setOnAction(event -> {
            final Pane tab1Content = new Pane();
            tab1Content.getStyleClass().add("tab1Content");

            tab1.setContent(tab1Content);

            tabPane.requestLayout();
        });

        Button removeSquare = new Button("Remove");
        removeSquare.setOnAction(event -> {
            tab1.setContent(null);
            tabPane.requestLayout();
        });
        HBox buttons = new HBox(addSquare, removeSquare);


        VBox vBox = new VBox(tabPane, buttons);
        Scene scene = new Scene(vBox, 500, 400);
        scene.getStylesheets().add(LargeTooltipSample.class.getResource("tabPaneTest.css").toExternalForm());
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

这是我的CSS（只是为了更好地可视化内容）：

.tab2Content{
    -fx-background-color: red;
    -fx-max-height: 100;
    -fx-pref-height: 100;
    -fx-max-width: 100;
    -fx-pref-width: 100;
}

.tab1Content{
    -fx-background-color: green;
    -fx-max-height: 200;
    -fx-pref-height: 200;
    -fx-max-width: 200;
    -fx-pref-width: 200;
}

提前致谢

Answer 1

试试这个：

@Override
public void start(Stage primaryStage) throws Exception {
        TabPane tabPane = new TabPane();
        Tab tab1 = new Tab("Test 1");
        Tab tab2 = new Tab("Test 2");

        final Pane tab2Content = new Pane();
        final Pane tab1Content = new Pane();

        tab2Content.getStyleClass().add("tab2Content");
        tab2.setContent(tab2Content);

        tabPane.getTabs().addAll(tab1, tab2);

        Button addSquare = new Button("Add");
        Button removeSquare = new Button("Remove");
        HBox buttons = new HBox(addSquare, removeSquare);
        VBox vBox = new VBox(tabPane, buttons);


        double[] tabPaneOriginalHeight = new double[1];//Used to hold tabPane's original height.

        addSquare.setOnAction(event -> {  

        System.out.println(tabPane.getHeight());
        tab1Content.getStyleClass().add("tab1Content");
        tab1.setContent(tab1Content);    
        System.out.println(tabPane.getHeight());
        tabPane.setPrefHeight(200);//sets the height to 200 after adding tabl1 content
        tabPane.requestLayout();


    });


    removeSquare.setOnAction(event -> {
        System.out.println(tabPane.getHeight());

        tab1Content.getStyleClass().remove("tab1Content");
        tab1.setContent(tab1Content);
        System.out.println(tabPane.getHeight());
        tabPane.setPrefHeight(100);//sets the height to 100 after removing tab1 content
        tabPane.requestLayout(); 
    });




        Scene scene = new Scene(vBox, 500, 400);
        scene.getStylesheets().add(JavaFXApplication16.class.getResource("tabPaneTest.css").toExternalForm());
        primaryStage.setScene(scene);
        primaryStage.show();
    }

TabPane缩小到最大的孩子

1 个答案: