SplitPane 布局问题

Question

这是交叉post：http://mail.openjdk.java.net/pipermail/openjfx-dev/2015-January/016437.html

有时当我设置 SplitPane 的分隔线位置时以编程方式，我的值再次被某些 JavaFX 内部布局覆盖代码。

出于调试目的，我在属性的位置添加了一个侦听器分隔符并抛出 RuntimeException 以查看堆栈跟踪。它看起来像这样：

at 
com.sun.javafx.binding.ExpressionHelper$Generic.fireValueChangedEvent(ExpressionHelper.java:361)
        at 
com.sun.javafx.binding.ExpressionHelper.fireValueChangedEvent(ExpressionHelper.java:81)
        at 
javafx.beans.property.DoublePropertyBase.fireValueChangedEvent(DoublePropertyBase.java:106)
        at 
javafx.beans.property.DoublePropertyBase.markInvalid(DoublePropertyBase.java:113)
        at 
javafx.beans.property.DoublePropertyBase.set(DoublePropertyBase.java:146)
        at javafx.scene.control.SplitPane$Divider.setPosition(SplitPane.java:486)
        at 
com.sun.javafx.scene.control.skin.SplitPaneSkin.setAbsoluteDividerPos(SplitPaneSkin.java:310)
        at 
com.sun.javafx.scene.control.skin.SplitPaneSkin.setupContentAndDividerForLayout(SplitPaneSkin.java:502)
        at 
com.sun.javafx.scene.control.skin.SplitPaneSkin.layoutChildren(SplitPaneSkin.java:817)
        at javafx.scene.control.Control.layoutChildren(Control.java:589)
        at javafx.scene.Parent.layout(Parent.java:1074)
        at javafx.scene.Parent.layout(Parent.java:1080)
        at javafx.scene.Parent.layout(Parent.java:1080)
        at javafx.scene.Parent.layout(Parent.java:1080)
        at javafx.scene.Parent.layout(Parent.java:1080)
        at javafx.scene.Parent.layout(Parent.java:1080)
        at javafx.scene.Parent.layout(Parent.java:1080)
        at javafx.scene.Parent.layout(Parent.java:1080)
        at javafx.scene.Parent.layout(Parent.java:1080)
        at javafx.scene.Scene.doLayoutPass(Scene.java:532)
        at javafx.scene.Scene$ScenePulseListener.pulse(Scene.java:2363)
        at com.sun.javafx.tk.Toolkit.lambda$runPulse(Toolkit.java:314)
        at com.sun.javafx.tk.Toolkit$$Lambda0/25595560.run(Unknown Source)
        at java.security.AccessController.doPrivileged(Native Method)
        at com.sun.javafx.tk.Toolkit.runPulse(Toolkit.java:313)
        at com.sun.javafx.tk.Toolkit.firePulse(Toolkit.java:340)
        at com.sun.javafx.tk.quantum.QuantumToolkit.pulse(QuantumToolkit.java:451)
        at com.sun.javafx.tk.quantum.QuantumToolkit.pulse(QuantumToolkit.java:431)
        at 
com.sun.javafx.tk.quantum.QuantumToolkit.lambda$runToolkit3(QuantumToolkit.java:298)
        at 
com.sun.javafx.tk.quantum.QuantumToolkit$$Lambda/174792896.run(Unknown 
Source)
        at 
com.sun.glass.ui.InvokeLaterDispatcher$Future.run(InvokeLaterDispatcher.java:95)
        at com.sun.glass.ui.gtk.GtkApplication._runLoop(Native Method)
        at 
com.sun.glass.ui.gtk.GtkApplication.lambda$null(GtkApplication.java:126)
        at com.sun.glass.ui.gtk.GtkApplication$$Lambda/1472148546.run(Unknown 
Source)
        at java.lang.Thread.run(Thread.java:745)

它似乎没有被我的一些代码触发（至少不是直接触发根据堆栈跟踪）。

我尝试了几种方法，包括设置项目达到预期值，但我无法有效地停止 SplitPane "hide" 重新布局期间的第一个和第三个（最后一个）项目。

在layoutChildren调用过程中，两个分隔符发生了如下变化：

分隔符位置已更改：旧值：0.10857763300760044，新值： 0.004343105320304018

分隔符位置已更改：旧值：0.8914223669923995，新值： 0.995656894679696

我查看了 com.sun.javafx.scene.control.skin.SplitPaneSkin（来源 JDK) 提供的代码，但不幸的是，要了解如何做到这一点并不容易面积是在这种情况下计算的。

为什么会出现这种重新布局？为什么它会覆盖我为分隔线位置设置的值？怎么才能阻止呢？

我已经尝试编写 SSCCE，但我无法通过简单示例重现该问题。（此问题发生在自定义控件的 Skin 实现中。）

更新

相关 SplitPane 的 3 个项目（控件的子类）（方向：垂直）具有以下最小和最大高度：

property: height min: -1.0 ; max: -1.0
property: height min: -1.0 ; max: -1.0
property: height min: -1.0 ; max: -1.0

据我所知这是 Region.USE_COMPUTED_SIZE 的值。

我将最大值更改为 Double.MAX_VALUE:

property: height min: -1.0 ; max: 1.7976931348623157E308 
property: height min: -1.0 ; max: 1.7976931348623157E308 
property: height min: -1.0 ; max: 1.7976931348623157E308

但我仍然遇到同样的问题。

更新 2

我终于成功创建了一个 SSCCE：

package splitpanelayoutissue;

import javafx.application.Application;
import javafx.geometry.Orientation;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.SplitPane;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class SplitPaneLayoutIssue extends Application {

    private static final double DIVIDER_POSITION_0 = 0.10834236186348863;
    private static final double DIVIDER_POSITION_1 = 0.8916576381365114;

    @Override
    public void start(Stage primaryStage) {
        SplitPane outerSplitPane = createOuterSplitPane();

        StackPane root = new StackPane();
        root.getChildren().add(outerSplitPane);

        Scene scene = new Scene(root, 1500, 1000);

        primaryStage.setTitle("SplitPane Layout Issue");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private SplitPane createOuterSplitPane() {
        SplitPane outerSplitPane = createSplitPane("outerSplitPane");

        TabPane leftTabPane = addTabPane(outerSplitPane, "Left");

        SplitPane innerSplitPane = createInnerSplitPane();
        outerSplitPane.getItems().add(innerSplitPane);

        TabPane rightTabPane = addTabPane(outerSplitPane, "Right");

        SplitPane.setResizableWithParent(leftTabPane, Boolean.FALSE);
        SplitPane.setResizableWithParent(rightTabPane, Boolean.FALSE);
        SplitPane.setResizableWithParent(innerSplitPane, Boolean.TRUE);

        setDividerPositions(outerSplitPane, innerSplitPane);

        leftTabPane.getTabs().get(0).setOnClosed(event -> {
            // the following line causes com.sun.javafx.scene.control.skin.SplitPaneSkin.Content.getArea() 
            // of all 3 items return 0, even though setDividerPositions is called before the next SplitPane.layoutChildren call
            innerSplitPane.getItems().setAll(innerSplitPane.getItems().get(0),innerSplitPane.getItems().get(1),innerSplitPane.getItems().get(2));

            outerSplitPane.getItems().setAll(innerSplitPane, rightTabPane);
            setDividerPositions(outerSplitPane, innerSplitPane);
        });

        return outerSplitPane;
    }

    private SplitPane createSplitPane(String name) {
        SplitPane splitPane = new SplitPane() {

            @Override
            protected void layoutChildren() {
                System.out.println("Calling relayout on " + name + "...");
                com.sun.javafx.scene.control.skin.SplitPaneSkin skin = (com.sun.javafx.scene.control.skin.SplitPaneSkin) getSkin();
                super.layoutChildren();
            }

        };
        return splitPane;
    }

    private void setDividerPositions(SplitPane outerSplitPane, SplitPane innerSplitPane) {
        System.out.println("Set divider positions...");
        System.out.println("Set divider position 0 of outerSplitPane...");
        outerSplitPane.setDividerPosition(0, outerSplitPane.getItems().size() == 3 ? DIVIDER_POSITION_0
                : DIVIDER_POSITION_1);
        if (outerSplitPane.getItems().size() == 3) {
            System.out.println("Set divider position 1 of outerSplitPane...");
            outerSplitPane.setDividerPosition(1, DIVIDER_POSITION_1);
        }
        System.out.println("Set divider position 0 of innerSplitPane...");
        innerSplitPane.setDividerPosition(0, DIVIDER_POSITION_0);
        System.out.println("Set divider position 1 of innerSplitPane...");
        innerSplitPane.setDividerPosition(1, DIVIDER_POSITION_1);
    }

    private TabPane addTabPane(SplitPane splitPane, String label) {
        TabPane tabPane = new TabPane();
//        tabPane.setFocusTraversable(false);
        Tab tab = new Tab(label);
        tab.setContent(new Label(label));
        tabPane.getTabs().add(tab);
        splitPane.getItems().add(tabPane);
        return tabPane;
    }

    private SplitPane createInnerSplitPane() {
        SplitPane innerSplitPane = createSplitPane("innerSplitPane");
        innerSplitPane.setOrientation(Orientation.VERTICAL);

        TabPane topTabPane = addTabPane(innerSplitPane, "Top");
        TabPane centerTabPane = addTabPane(innerSplitPane, "Center");
        TabPane bottomTabPane = addTabPane(innerSplitPane, "Bottom");

        SplitPane.setResizableWithParent(topTabPane, Boolean.FALSE);
        SplitPane.setResizableWithParent(bottomTabPane, Boolean.FALSE);

        SplitPane.setResizableWithParent(centerTabPane, Boolean.TRUE);

        return innerSplitPane;
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }

}

如果您关闭左侧选项卡，则顶部和底部选项卡将被隐藏（大小为 0），尽管分隔符位置是在 layoutChildren() 调用之前设置的（参见输出）。

我遇到这种情况是因为我需要在我的代码中重置 splitPane 的项目。另请注意，这些项目具有不同的 resizableWithParent 属性。

更新 3

这是一个较小的 SSCCE，只有一个 SplitPane。当您按下 "Grow width" 按钮时，您会看到相同的效果。

package splitpanelayoutissue;

import javafx.application.Application;
import javafx.geometry.Orientation;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.SplitPane;
import javafx.scene.control.Tab;
import javafx.scene.control.TabPane;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class SplitPaneLayoutIssue2 extends Application {

    private static final double DIVIDER_POSITION_0 = 0.10834236186348863;
    private static final double DIVIDER_POSITION_1 = 0.8916576381365114;

    @Override
    public void start(Stage primaryStage) {
        SplitPane splitPane = createSplitPane();

        StackPane root = new StackPane();
        root.getChildren().add(splitPane);

        Scene scene = new Scene(root, 1500, 1000);

        primaryStage.setTitle("SplitPane Layout Issue");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private SplitPane createSplitPane(String name) {
        SplitPane splitPane = new SplitPane() {

            @Override
            protected void layoutChildren() {
                System.out.println("Calling relayout on " + name + "...");
                com.sun.javafx.scene.control.skin.SplitPaneSkin skin = (com.sun.javafx.scene.control.skin.SplitPaneSkin) getSkin();
                super.layoutChildren();
            }

        };
        return splitPane;
    }

    private void setDividerPositions(SplitPane innerSplitPane) {
        System.out.println("Set divider positions...");
        System.out.println("Set divider position 0 of innerSplitPane...");
        innerSplitPane.setDividerPosition(0, DIVIDER_POSITION_0);
        System.out.println("Set divider position 1 of innerSplitPane...");
        innerSplitPane.setDividerPosition(1, DIVIDER_POSITION_1);
    }

    private TabPane addTabPane(SplitPane splitPane, String label) {
        TabPane tabPane = new TabPane();
//        tabPane.setFocusTraversable(false);
        Tab tab = new Tab(label);
        tab.setContent(new Label(label));
        tabPane.getTabs().add(tab);
        splitPane.getItems().add(tabPane);
        return tabPane;
    }

    private SplitPane createSplitPane() {
        SplitPane splitPane = createSplitPane("splitPane");
        splitPane.setOrientation(Orientation.VERTICAL);

        TabPane topTabPane = addTabPane(splitPane, "Top");

        TabPane centerTabPane = new TabPane();
//        tabPane.setFocusTraversable(false);
        Tab tab = new Tab("Center");
        Button button = new Button("Grow width");
        tab.setContent(button);
        button.setOnAction(event -> {
            System.out.println("Growing window width...");
            // the following line causes com.sun.javafx.scene.control.skin.SplitPaneSkin.Content.getArea() 
            // of all 3 items return 0, even though setDividerPositions is called before the next SplitPane.layoutChildren call
            // Without this line the code works fine.
            splitPane.getItems().setAll(splitPane.getItems().get(0), splitPane.getItems().get(1), splitPane.getItems().get(2));

            // This line is needed to trigger the execution path in question
            splitPane.getScene().getWindow().setWidth(splitPane.getScene().getWindow().getWidth() + 20.0);
            setDividerPositions(splitPane);
        });
        centerTabPane.getTabs().add(tab);

        splitPane.getItems().add(centerTabPane);

        TabPane bottomTabPane = addTabPane(splitPane, "Bottom");

        setDividerPositions(splitPane);
        SplitPane.setResizableWithParent(topTabPane, Boolean.FALSE);
        SplitPane.setResizableWithParent(bottomTabPane, Boolean.FALSE);

        SplitPane.setResizableWithParent(centerTabPane, Boolean.TRUE);

        return splitPane;
    }

    /**
     * @param args the command line arguments
     */
    public static void main(String[] args) {
        launch(args);
    }

}

这是 JavaFX 错误还是我可以以某种方式影响的问题？

Answer 1

我认为堆栈跟踪的重要部分是：

com.sun.javafx.scene.control.skin.SplitPaneSkin.setAbsoluteDividerPos(SplitPaneSkin.java:310) at com.sun.javafx.scene.control.skin.SplitPaneSkin.setupContentAndDividerForLayout(SplitPaneSkin.java:502) at com.sun.javafx.scene.control.skin.SplitPaneSkin.layoutChildren(SplitPaneSkin.java:817)

如您所见，JavaFX 默认布局机制 (layoutChildren()) 以一种可以影响分隔线位置的方式为 SplitPane 实现。 setupContentAndDividerForLayout() 方法在 layoutChildren() 方法的一些内部 if 语句中被调用。因此，我会调试此方法并检查为什么调用 setupContentAndDividerForLayout()。通过这样做，您可以找到 SplitPane 认为它必须更改分隔线位置的原因。

Answer 2

这似乎是最近引入 JavaFX 的东西。我在 Windows 7 上用 Java 8u20 (b26) 和 Java 8u40ea（早期采用者）(b23) 进行了测试。

使用你的 SSCCE，我看到 Java 8u20，如果我将 window 的高度调整得更小，然后点击增长宽度，上下标签保持不变他们之前的身高。

如果我对 Java 8u40ea 做同样的事情，当我将 window 调整为更小并随后单击按钮时，上下选项卡的高度将调整为更小.如果我再次将 window 调整为高，当我单击按钮时，选项卡将再次调整为大（和以前一样）。

听起来像是与 JavaFX 人员一起打开的东西；几天前我亲自提交了一份 SSCCE，他们反应非常迅速。

Answer 3

因为这似乎是一个 JavaFX 问题，我在这里提交了一个问题：https://javafx-jira.kenai.com/browse/RT-40031

更新：

该问题可以重现，但已在即将发布的 JavaFX 8u40 版本中修复。

SplitPane 布局问题

SplitPane layout issue

java

javafx

javafx-8

splitpane