java - 动画静态属性？

Question

刚接触 JavaFX，非常喜欢它，但我不太确定如何为 AnchorPane.leftAnchor 属性设置动画。

目前，我正在使用时间轴为 Node.translateXProperty() 制作动画，这为我提供了一个非常流畅的动画。然而，虽然我的节点看起来动了，但在接收鼠标点击方面，似乎并没有动。所以真的，我想做的是为节点的 AnchorPane.leftAnchor 静态属性设置动画，这可能吗？

理想情况下，我想保留我的时间线，因为它也在做其他事情，所以..

1) 是否可以像这样为常规属性设置动画一样为静态属性设置动画:

new KeyFrame(Duration.ZERO, new KeyValue(node.translateXProperty(), from, Interpolator.EASE_BOTH))

2) 如果那不可能，我可以翻译鼠标点击以匹配翻译后的位置吗？

干杯

加里

Answer 1

如果您为 translateX 和 translateY 属性设置动画，则通过 MouseEvent.getX() 检索的动画节点上的鼠标坐标和 MouseEvent.getY()，将在该节点的坐标系中是局部的:即它们不会受到节点本身位置变化的影响。如果您为 layoutX 和 layoutY 属性设置动画(如果您为 AnchorPane.leftAnchor“属性”设置动画，您会这样做)也是如此。

您可以通过调用 Node.localToParent(...) 将节点本地坐标系中的点转换为其父坐标系中的点。 .

请注意 Node 上还有其他类似的方法，例如 localToScene 和 localToScreen，还有 MouseEvent 上的一些便捷方法:getSceneX()、getScreenX()，对于 y 也是如此。

要回答您的实际问题(虽然我怀疑它是多余的，也许......)，您可以创建一个新属性并“动画化”该属性。然后向它添加一个监听器并在 leftAnchor 发生变化时更新它。此 SSCCE 演示了此技术(尽管您可以改用 TranslateTransition 并以完全相同的方式获取鼠标坐标)。

import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.geometry.Point2D;
import javafx.scene.Scene;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.Region;
import javafx.stage.Stage;
import javafx.util.Duration;

public class AnimateXAnchor extends Application {

    @Override
    public void start(Stage primaryStage) {
        Region rect = new Region();
        rect.setPrefSize(100,  100);
        rect.setStyle("-fx-background-color: cornflowerblue;");

        rect.setOnMousePressed(e -> {
            double x = e.getX();
            double y = e.getY();
            System.out.printf("Mouse click in local coordinates: [%.1f, %.1f]%n", x, y);

            Point2D clickInParent = rect.localToParent(x, y);
            System.out.printf("Mouse click in parent coordinates: [%.1f, %.1f]%n%n", clickInParent.getX(), clickInParent.getY());

        });

        AnchorPane root = new AnchorPane();
        root.getChildren().add(rect);
        AnchorPane.setTopAnchor(rect, 10.0);

        DoubleProperty x = new SimpleDoubleProperty();
        x.addListener((obs, oldX, newX) -> AnchorPane.setLeftAnchor(rect, newX.doubleValue()));

        Timeline animation = new Timeline(
            new KeyFrame(Duration.ZERO, new KeyValue(x, 0)),
            new KeyFrame(Duration.seconds(5), new KeyValue(x, 400))
        );

        Scene scene = new Scene(root, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
        animation.play();
    }

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