JavaFX：弹出窗口的鼠标事件（ControlsFX）

Question

我有以下代码来显示Popover（自定义PopUpbyControlsFX-mvn repo）

public class JavaFXApplication35 extends Application {

    @Override
    public void start(Stage primaryStage) {
        try {

            Label lblName = new Label("Tetsing name");
            Label lblStreet = new Label("Some street name");
            Label lblCityStateZip = new Label("Some city, 111111");
            VBox vBox = new VBox(lblName, lblStreet, lblCityStateZip);

            PopOver popOver = new PopOver(vBox);

            Label label = new Label("Mouse mouse over me");

            label.setOnMouseEntered(mouseEvent -> {
                popOver.show(label, -3);
            });

            label.setOnMouseExited(mouseEvent -> {
                if (popOver.isShowing()) {
                    popOver.hide();
                }
            });

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

            Scene scene = new Scene(root, 300, 250);

            primaryStage.setTitle("Hello World!");
            primaryStage.setScene(scene);
            primaryStage.setOnCloseRequest((WindowEvent event) -> {
                System.exit(0);
            });
            primaryStage.show();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

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

问题是，

>

我希望在鼠标输入Label时显示弹出窗口-工作正常。

我希望在用户从标签退出鼠标时隐藏弹出窗口，但在弹出窗口中输入鼠标时不隐藏弹出窗口。

我已经在标签上添加了鼠标插入和鼠标退出操作，但如何处理另一种情况，即如果用户输入鼠标进入弹出窗口，我不想隐藏弹出窗口。

Answer 1

这可能是预期的行为。我不确定，但这里有一个解决方法。您可以使用切换按钮。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.ToggleButton;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import org.controlsfx.control.PopOver;

public class App extends Application
{

    @Override
    public void start(Stage primaryStage)
    {
        //Build PopOver look and feel
        Label lblName = new Label("John Doe");
        Label lblStreet = new Label("123 Hello Street");
        Button lblCityStateZip = new Button("MadeUpCity, XX 55555");
        VBox vBox = new VBox(lblName, lblStreet, lblCityStateZip);
        //Create PopOver and add look and feel
        PopOver popOver = new PopOver(vBox);

        ToggleButton toggleButton = new ToggleButton("Click me!");
        toggleButton.selectedProperty().addListener((obs, oldValue, newValue) -> {
            if (newValue) {
                popOver.show(toggleButton);
            }
            else {
                popOver.hide();
            }
        });
        ;

        StackPane root = new StackPane();
        root.getChildren().add(toggleButton);
        var scene = new Scene(root, 500, 500);
        primaryStage.setTitle("Hello World!");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

Answer 2

我遇到了同样的问题。这是我的解决方案。只需将标签（或其他节点）和PopOver的内容节点作为参数传递给此方法。

public static void addAutoHidingPopOver(Node hoverableNode, Node contentNode) {
   //Creating PopOver
   PopOver popOver = new PopOver(hoverableNode);
   popOver.setContentNode(contentNode);
   //Here you can set custom parameters of your PopOver
   //...

   //Mouse Actions handling
   final Timeline timeline = new Timeline();
   timeline.getKeyFrames().add(new KeyFrame(Duration.millis(1000)));
   timeline.setOnFinished(finishEvent -> {
        if (hoverableNode.isHover() || contentNode.isHover()) timeline.play();
        else popOver.hide();
   });
   hoverableNode.setOnMouseEntered(mouseEvent -> {if (!popOver.isShowing()) popOver.show(hoverableNode);});
   hoverableNode.setOnMouseExited(mouseEvent -> timeline.play());
}

鼠标离开hoverableNode或contentNode后1秒，弹出窗口将隐藏。使用方法如下：

addAutoHidingPopOver(someLabel, someContentNode);

请注意，您的内容节点应该占用PopOver的所有可见空间，以便舒适地使用。