JavaFX如何使Node始终位于前面并完全可见？

Question

当鼠标通过将点替换为标签来输入绘制的点时，该程序将生成图表并显示坐标值。

但是问题是，如果圆点在图表的边框中，标签将不会完全显示。

使用toFront()和toBack()函数无法解决此问题。

我的代码是从该问题的答案JavaFX LineChart Hover Values改编而来的，它具有相同的错误。

Chart.java

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.chart.LineChart;
import javafx.scene.chart.NumberAxis;
import javafx.scene.chart.XYChart;
import javafx.stage.Stage;

public class Chart extends Application {

@Override
public void start(Stage stage) {

    // Random chart
    // Defining the Axis
    final NumberAxis xAxis = new NumberAxis();
    final NumberAxis yAxis = new NumberAxis();
    // Creating the chart
    LineChart<Number, Number> lineChart = new LineChart(xAxis, yAxis);

    // This didn't solve the bug
    xAxis.toBack();
    yAxis.toBack();

    // Preparing the series
    XYChart.Series series = new XYChart.Series();
    series.setName("Chart");

    for (double x = 0; x <= 10; x++) {
        double y = Math.random() * 100;
        XYChart.Data chartData;
        chartData = new XYChart.Data(x, y);
        chartData.setNode(new ShowCoordinatesNode(x, y));
        series.getData().add(chartData);
    }

    // Adding series to chart
    lineChart.getData().add(series);

    Scene scene = new Scene(lineChart, 800, 600);
    stage.setScene(scene);
    stage.show();
}

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

ShowCoordinatesNode.java

import java.text.DecimalFormat;
import javafx.event.EventHandler;
import javafx.scene.Cursor;
import javafx.scene.control.Label;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.StackPane;

public class ShowCoordinatesNode extends StackPane {

public ShowCoordinatesNode(double x, double y) {

    final Label label = createDataThresholdLabel(x, y);

    setOnMouseEntered(new EventHandler<MouseEvent>() {
        @Override
        public void handle(MouseEvent mouseEvent) {
                setScaleX(1);
                setScaleY(1);
                getChildren().setAll(label);
                setCursor(Cursor.NONE);
                toFront(); // This didn't solve the bug
        }
    });
    setOnMouseExited(new EventHandler<MouseEvent>() {
        @Override
        public void handle(MouseEvent mouseEvent) {
                getChildren().clear();
                setCursor(Cursor.CROSSHAIR);
        }
    });
}

private Label createDataThresholdLabel(double x, double y) {
    DecimalFormat df = new DecimalFormat("0.##");
    final Label label = new Label("(" + df.format(x) + "; " + df.format(y) + ")");
    label.getStyleClass().addAll("default-color0", "chart-line-symbol", "chart-series-line");
    label.setStyle("-fx-font-size: 10; -fx-font-weight: bold;");
    label.setMinSize(Label.USE_PREF_SIZE, Label.USE_PREF_SIZE);
    label.setId("show-coord-label");
    return label;
}
}

Answer 1

我进行了一些搜索以尝试完成这项工作，并且toFront不能按Javadoc所述工作

根据z顺序将此节点移动到其兄弟节点的前面。 这是通过将该节点移动到其父对象的内容ObservableList中的最后一个位置来实现的。 如果此节点不属于组，则此功能无效。

所以我无法在任何意义上使它起作用。 这是我能提出的唯一解决方案，它涉及弄清楚标签/ 2的宽度/高度，并在X或Y轴上移动标签（如果它可以看到的话）

除了对测试值进行硬编码并删除toFront调用外，我没有对Main进行任何更改

public class Main extends Application {

    @Override
    public void start(Stage stage) throws Exception{
        // Random chart
        // Defining the Axis
        final NumberAxis xAxis = new NumberAxis();
        final NumberAxis yAxis = new NumberAxis();
        // Creating the chart
        LineChart<Number, Number> lineChart = new LineChart<>(xAxis, yAxis);

        // Preparing the series
        XYChart.Series series = new XYChart.Series();
        series.setName("Chart");

        boolean firstRun = true;//First point at 0,0 to test
        for (double x = 0; x <= 10; x++) {
            double y;
            if(firstRun) {
                y = 0.0;
                firstRun = false;
            }else
                y = Math.random() * 100;
            XYChart.Data chartData;
            chartData = new XYChart.Data<>(x, y);
            chartData.setNode(new ShowCoordinatesNode(x, y));
            series.getData().add(chartData);
        }

        // Adding series to chart
        lineChart.getData().add(series);

        Scene scene = new Scene(lineChart, 800, 600);
        stage.setScene(scene);
        stage.show();
    }

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

}

这是我在其中添加2条If语句以在两个轴之一上平移标签的地方

public class ShowCoordinatesNode extends StackPane {


    public ShowCoordinatesNode(double x, double y) {

        final Label label = createDataThresholdLabel(x, y);

        setOnMouseEntered(mouseEvent -> {
            setScaleX(1);
            setScaleY(1);
            getChildren().setAll(label);

            if(x == 0.0) {
                applyCss();
                layout();
                label.setTranslateX(label.getWidth()/2);
            }
            if(y == 0.0){
                applyCss();
                layout();
                label.setTranslateY(-label.getHeight()/2);
            }

            setCursor(Cursor.NONE);
        });
        setOnMouseExited(mouseEvent -> {
            getChildren().clear();
            setCursor(Cursor.CROSSHAIR);
        });
    }

    private Label createDataThresholdLabel(double x, double y) {
        DecimalFormat df = new DecimalFormat("0.##");
        final Label label = new Label("(" + df.format(x) + "; " + df.format(y) + ")");
        label.getStyleClass().addAll("default-color0", "chart-line-symbol", "chart-series-line");
        label.setStyle("-fx-font-size: 10; -fx-font-weight: bold;");
        label.setMinSize(Label.USE_PREF_SIZE, Label.USE_PREF_SIZE);
        label.setId("show-coord-label");
        return label;
    }
}

在将标签添加到窗口之前，我使用applyCSS（）计算标签的大小。JavaDoc指出：

如果需要，将样式应用于此节点及其子节点（如果有）。 通常不需要直接调用此方法，但可以将其与Parent.layout（）结合使用，以在下一个脉冲之前（如果场景不在舞台中）确定节点的大小。