Question

我使用JavaFX创建一个蓝色矩形。

当鼠标移动到蓝色矩形覆盖的区域时，我可以将矩形的颜色更改为红色，当鼠标移出矩形时，是否可以将其更改为蓝色？

我创建的矩形：

public class ColorfulRectangle extends Application {

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

    @Override
    public void start(Stage primaryStage) {
    Group root = new Group();
    Scene scene = new Scene(root, 400, 300, Color.WHITE);

    Rectangle rect1 = RectangleBuilder.create()
    .x(50)
    .y(50)
    .width(100)
    .height(100)
    .fill(Color.BLUE)
    .build();

    root.getChildren().add(rect1);
    primaryStage.setScene(scene);
    primaryStage.show();
}
}

Answer 1

我建议您阅读MouseEvents in JavaFX。

至于你的答案：

rect1.setOnMouseEntered(new EventHandler<MouseEvent>() {
public void handle(MouseEvent me) {
    rect1.setFill(Color.RED); 
}
});

rect1.setOnMouseExited(new EventHandler<MouseEvent>() {
public void handle(MouseEvent me) {
    rect1.setFill(Color.BLUE); 
}
});

Answer 2

您可以将鼠标事件处理程序添加到要跟踪鼠标位置的相应JavaFX组件中：

final Label myLabel = new Label("Mouse Location Monitor");
myLabel.setOnMouseEntered(new EventHandler<MouseEvent>() {
      @Override public void handle(MouseEvent event) {
        String msg = "(x: " + event.getX() + ", y: " + event.getY() + ")";
        // do anything now.
      }
    });

Answer 3

除了其他答案中描述的基于鼠标事件的解决方案外，您还可以使用CSS执行此操作。创建Rectangle而不指定填充，并为其添加样式类。（请注意，不推荐使用您正在使用的Builder类。）将样式表添加到场景中。

@Override
public void start(Stage primaryStage) {
    Group root = new Group();
    Scene scene = new Scene(root, 400, 300, Color.WHITE);

    scene.getStylesheets().add("rectangle-hover.css");

    Rectangle rect1 = new Rectangle(50, 50, 100, 100);
    rect1.getStyleClass().add("my-rectangle");

    root.getChildren().add(rect1);
    primaryStage.setScene(scene);
    primaryStage.show();
}

然后在外部文件中定义样式：

矩形hover.css：

.my-rectangle {
    -fx-fill: blue ;
}
.my-rectangle:hover {
    -fx-fill: red ;
}

Javafx，如何检测鼠标位置？

3 个答案: