java - setVisible() 不隐藏节点

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 3 年前。

Improve this question

我有 4 个不同系列的折线图。有一些复选框应该显示/隐藏图表中的相应系列。但是，当我按下“Euler”、“Improved Euler”、“Runge-Kutta”的复选框时，它们根本不会影响图表，直到我按下“Exact”的复选框。绝对无法解决问题。

这是我尝试隐藏/显示的方法:

@FXML private NumberAxis xAxis = new NumberAxis();
@FXML private NumberAxis yAxis = new NumberAxis();
@FXML private LineChart<Number, Number> chartAll = new LineChart<>(xAxis, yAxis);

private XYChart.Series<Number, Number> exactSeries = new XYChart.Series<>();
private XYChart.Series<Number, Number> eulerSeries= new XYChart.Series<>();
private XYChart.Series<Number, Number> improvedEulerSeries = new XYChart.Series<>();
private XYChart.Series<Number, Number> rungeKuttaSeries = new XYChart.Series<>();

@FXML private CheckBox exactChartCheckbox;
@FXML private CheckBox eulerChartCheckbox;
@FXML private CheckBox improvedEulerChartCheckbox;
@FXML private CheckBox rungeKuttaChartCheckbox;

@FXML
protected void handlePlotButton(ActionEvent event) {
    chartAll.getData().clear();
    double x0 = Double.parseDouble(x0Input.getText());
    double y0 = Double.parseDouble(y0Input.getText());
    double x = Double.parseDouble(xInput.getText());
    double step = Double.parseDouble(stepInput.getText());
    IVP ivpForExact = new IVP(x0, y0, x, step);
    Exact exact = new Exact(ivpForExact);
    Euler euler = new Euler(ivpForExact);
    ImprovedEuler improvedEuler = new ImprovedEuler(ivpForExact);
    RungeKutta rungeKutta = new RungeKutta(ivpForExact);
    exactSeries.setName("Exact");
    eulerSeries.setName("Euler");
    improvedEulerSeries.setName("Improved Euler");
    rungeKuttaSeries.setName("Runge-Kutta");
    for (int i = 0; i < exact.getGrid().getSize(); i++) {
        exactSeries.getData().add(new XYChart.Data<>(exact.getGrid().getXat(i), exact.getGrid().getYat(i)));
        eulerSeries.getData().add(new XYChart.Data<>(euler.getGrid().getXat(i), euler.getGrid().getYat(i)));
        improvedEulerSeries.getData().add(new XYChart.Data<>(improvedEuler.getGrid().getXat(i), improvedEuler.getGrid().getYat(i)));
        rungeKuttaSeries.getData().add(new XYChart.Data<>(rungeKutta.getGrid().getXat(i), rungeKutta.getGrid().getYat(i)));
    }
    chartAll.getData().add(exactSeries);
    chartAll.getData().add(eulerSeries);
    chartAll.getData().add(improvedEulerSeries);
    chartAll.getData().add(rungeKuttaSeries);
    stepInput.clear();
    }

@FXML
protected void exactChartCheckboxPressed(ActionEvent event) {
    if(!exactChartCheckbox.isSelected()) {
        chartAll.getData().get(0).getNode().setVisible(false);
    } else {
        chartAll.getData().get(0).getNode().setVisible(true);
    }
}

@FXML
protected void eulerChartCheckboxPressed(ActionEvent event) {
    if(!eulerChartCheckbox.isSelected()) {
        chartAll.getData().get(1).getNode().setVisible(false);
    } else {
        chartAll.getData().get(1).getNode().setVisible(true);
    }
}

这是 FXML:

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.chart.*?>
<?import javafx.scene.layout.*?>

<GridPane fx:id="scene" alignment="center" hgap="10" vgap="10" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
    <columnConstraints>
        <ColumnConstraints />
    </columnConstraints>
    <rowConstraints>
        <RowConstraints />
    </rowConstraints>
    <children>
        <Pane fx:id="pane" prefHeight="600.0" prefWidth="1080.0">
            <children>
                <LineChart fx:id="chartAll" createSymbols="false" layoutX="48.0" layoutY="135.0" prefHeight="427.0" prefWidth="698.0">
                    <xAxis>
                        <NumberAxis label="x" fx:id="xAxis" />
                    </xAxis>
                    <yAxis>
                        <NumberAxis fx:id="yAxis" autoRanging="false" label="y" lowerBound="-10.0" upperBound="40.0" />
                    </yAxis>
               <opaqueInsets>
                  <Insets />
               </opaqueInsets>
                </LineChart>
                <Button layoutX="48.0" layoutY="54.0" mnemonicParsing="false" prefHeight="41.0" prefWidth="120.0" text="Solutions" />
                <TextField layoutX="883.0" layoutY="211.0" prefHeight="25.0" prefWidth="96.0" text="0" fx:id="x0Input" />
                <TextField fx:id="y0Input" layoutX="883.0" layoutY="254.0" prefHeight="25.0" prefWidth="96.0" text="3" />
                <TextField layoutX="883.0" layoutY="296.0" prefHeight="25.0" prefWidth="96.0" text="5.5" fx:id="xInput" />
                <TextField fx:id="stepInput" layoutX="883.0" layoutY="336.0" prefHeight="25.0" prefWidth="96.0" text="0.1" />
                <Label layoutX="841.0" layoutY="215.0" text="x0" />
                <Label layoutX="841.0" layoutY="258.0" text="y0" />
                <Label layoutX="841.0" layoutY="300.0" text="X" />
                <Label layoutX="835.0" layoutY="340.0" text="step" />
                <Button fx:id="plotButton" layoutX="896.0" layoutY="385.0" mnemonicParsing="false" onAction="#handlePlotButton" prefHeight="41.0" prefWidth="71.0" text="Plot" />
            <CheckBox fx:id="exactChartCheckbox" layoutX="347.0" layoutY="562.0" mnemonicParsing="false" onAction="#exactChartCheckboxPressed" selected="true" text="Exact" />
            <CheckBox fx:id="improvedEulerChartCheckbox" layoutX="523.0" layoutY="562.0" mnemonicParsing="false" onAction="#improvedEulerChartCheckboxPressed" selected="true" text="Improved Euler" />
            <CheckBox fx:id="rungeKuttaChartCheckbox" layoutX="646.0" layoutY="562.0" mnemonicParsing="false" onAction="#rungeKuttaChartCheckboxPressed" selected="true" text="Runge-Kutta" />
            <CheckBox fx:id="eulerChartCheckbox" layoutX="444.0" layoutY="562.0" mnemonicParsing="false" onAction="#eulerChartCheckboxPressed" selected="true" text="Euler" />
            </children>
        </Pane>
    </children>
</GridPane>

这是结果

在我先隐藏“Euler”然后“Exact”之后:

在我显示“Exact”然后显示“Euler”之后:

问题实际上是，只有当我选中/取消选中“精确”框时，图表才会更新，所有其他三个都不会影响图表。但是，当我按下“精确”复选框时，它们也尝试更新，但做得不正确。

Answer 1

要有效隐藏节点，请尝试设置托管属性

series.getNode().setManaged(false);

Defines whether or not this node's layout will be managed by it's parent. If the node is managed, it's parent will factor the node's geometry into its own preferred size and layoutBounds calculations and will lay it out during the scene's layout pass. If a managed node's layoutBounds changes, it will automatically trigger relayout up the scene-graph to the nearest layout root (which is typically the scene's root node).

If the node is unmanaged, its parent will ignore the child in both preferred size computations and layout. Changes in layoutBounds will not trigger relayout above it. If an unmanaged node is of type Parent, it will act as a "layout root", meaning that calls to Parent.requestLayout() beneath it will cause only the branch rooted by the node to be relayed out, thereby isolating layout changes to that root and below. It's the application's responsibility to set the size and position of an unmanaged node.