JavaFX 如何在节点上居中显示工具提示？

Question

我目前正在研究一种表单，该表单在将焦点从一个节点更改为另一个节点时进行验证，并希望在包含错误的节点上方显示一个工具提示（如果存在）。我正在使用工具提示的show(Node ownerNode, double anchorX, double anchorY)方法签名来指定我想将它附加到哪个节点以及放置它的位置。我试过以下代码：Tooltip tooltip = new Tooltip("Error"); tooltip.show(node, 0, 0);double tooltipMiddle = tooltip.getWidth() / 2;tooltip.hide(); double nodeMiddle = node.getWidth() / 2; //Gets the node's x and y position within the windowBounds bounds = node.localToScene(node.getBoundsInLocal());  //Tooltip's bottom-right corner is set to the anchor points, so I set x to//the node's x coordinate plus half the width of the node plus half the width//of the tooltip tooltip.show(node,             bounds.getMinX() + nodeMiddle + tooltipMiddle, bounds.getMinY());这让我非常接近中心，但它仍然关闭。我一直在互联网上寻求帮助，但我只是没有找到任何帮助，所以我想我会在这里问。有没有机会我可以深入了解为什么我无法按照自己的意愿进行工作？

Answer 1

我带来的代码提供了工具提示的正确定位，但远非完美。带来全面的解决方案需要大量工作（如果您愿意，我们可以讨论）。我认为你有一个数学问题，并且Tooltip类可能不是最好的选择。

import javafx.application.Application;

import javafx.geometry.Bounds;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.control.Label;

import javafx.scene.control.TextField;

import javafx.scene.layout.HBox;

import javafx.scene.layout.Pane;

import javafx.scene.layout.Region;

import javafx.scene.layout.StackPane;

import javafx.stage.Stage;

public class TooltipApp extends Application {

    public static void main(String[] args) {

        launch(args);

    }

    @Override

    public void start(Stage stage) throws Exception {

        TextField textField = new TextField();

        textField.setPrefWidth(100.);

        Button button = new Button("Tooltip");

        HBox hBox = new HBox(textField, button);

        hBox.setMaxSize(Region.USE_PREF_SIZE, Region.USE_PREF_SIZE);

        Label label = new Label("Empty!");

        label.setVisible(false);

        Pane tooltipPane = new Pane(label);

        tooltipPane.setMouseTransparent(true);

        StackPane stackPane = new StackPane(hBox, tooltipPane);

        stackPane.setPrefSize(600., 400.);

        Scene scene = new Scene(stackPane);

        stage.setScene(scene);

        stage.show();

        button.setOnMouseClicked(event -> {

            if (label.isVisible()) {

                label.setVisible(false);

            } else {

                Bounds sceneBounds = textField.localToScene(textField.getBoundsInLocal());

                label.setLayoutX((sceneBounds.getMinX() + (sceneBounds.getWidth() / 2)) - (label.getWidth() / 2));

                label.setLayoutY(sceneBounds.getMinY() - label.getHeight());

                label.setVisible(true);

            }

        });

    }

}

Answer 2

首先，您应该使用Bounds bounds = node.localToScreen(node.getBoundsInLocal());，因为可能不清楚相关Scene内容是什么。

然后调用tooltip.show(node, bounds.getMinX(), bounds.getMinY());应该给你一个工具提示，其左上角与节点的左上角相同。

现在，tooltip.show(node, bounds.getMinX() + nodeMiddle - tooltipMiddle, bounds.getMinY() - tooltipHeight);应该产生所需的结果，它确实适用于

double tooltipMiddle = (tooltip.getWidth()-18) / 2;

double tooltipHeight = tooltip.getHeight()-18;

double nodeMiddle = getWidth() / 2;

18 来自一个小实验，我不确定为什么宽度和高度会偏离那个数量，但它似乎与工具提示中文本的长度或行数无关。