setOnMouseClicked对于后退按钮无法正常工作

Question

我已将图像用作后退按钮。 setOnMouseClicked无法正常工作；有时只需单击一下即可导航到所需页面，有时需要多次单击才能起作用。

我尝试如下设置尺寸以增加按钮的触摸面积： 1）通过fitHeight = 50.0和fitWidth = 50.0 2）调整大小（100.0,100.0） 但两者都没有帮助。

override val root = borderpane {
    val scope = Scope()

    top {

        hbox {

            imageview("/img/back_arrow_btn.png") {
                fitHeight= 50.0
                fitWidth=50.0
                setOnMouseClicked {
                    replaceWith<MainViewPortrait>()
                }
                setOnTouchPressed {
                    replaceWith<MainViewPortrait>()
                }
            }  
        }

预期结果：只需单击后退按钮即可进入MainViewPortrait。

Answer 1

使用下面给出的代码，您可以将 setOnMouseClicked 添加到任何Node（例如，图片，按钮，标签或其他任何内容。

node.setOnMouseClicked((MouseEvent e)->{

        if(e.getClickCount() == 1){ //for single click
            //your code
        }

        if(e.getClickCount() == 2){ //for double click
           //your code 
        }
});