JavaFX中按钮的自定义碰撞形状

Question

创建自定义按钮形状很容易完成，但是如何确保新形状也是按钮本身的“碰撞框”？

在本例中，我创建了两个 hexagnol 形状的按钮，并将它们正确对齐。问题是按钮的碰撞框仍然是矩形的，当您将鼠标从上部按钮移动到下部按钮时，您会注意到碰撞框是严格矩形的，并且使自定义形状变得毫无用处。

有没有办法创建自定义碰撞形状或碰撞检查？

完整的工作示例：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.Pane;
import javafx.scene.shape.Polygon;
import javafx.stage.Stage;

public class Test extends Application {
    public static void main(String[] args) {
        launch(args);
    }

    @Override
    public void start(Stage primaryStage) throws Exception {
        Pane aPane = new Pane();
        aPane.setPrefWidth(100);
        aPane.setPrefHeight(100);

        aPane.getChildren().add(createHexAt(10, 10));
        aPane.getChildren().add(createHexAt(35, 45));

        Scene aScene = new Scene(aPane);

        primaryStage.setScene(aScene);
        primaryStage.show();
    }

    private Button createHexAt(double xPos, double yPos) {
        Button aButton = new Button();
        aButton.setLayoutX(xPos);
        aButton.setLayoutY(yPos);
        aButton.setPrefWidth(50);
        aButton.setPrefHeight(50);
        double[] path = new double[12];
        for (int q = 0; q < 6; q++) {
            double x = Math.cos(Math.PI / 3.0 * q + Math.PI / 2.0);
            double y = Math.sin(Math.PI / 3.0 * q + Math.PI / 2.0);
            path[q * 2] = x;
            path[q * 2 + 1] = y;
        }
        Polygon aPoly = new Polygon(path);
        aButton.setShape(aPoly);
        return aButton;
    }
}

Answer 1

打电话

aButton.setPickOnBounds(false);

这指示JavaFX仅当鼠标位于非透明像素上时才将鼠标视为位于按钮上，而不是默认值（即鼠标坐标与按钮的矩形边界相交）。