动画静态属性？

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 "property" 设置动画，则同样如此）。

您可以通过调用 Node.localToParent(...).

将节点局部坐标系中的点转换为其父坐标系

请注意 Node 上还有其他类似的方法，例如 localToScene 和 localToScreen，还有一些 MouseEvent 上的便捷方法：getSceneX() , getScreenX(), y.

也类似

要回答您的实际问题（虽然我怀疑它是多余的，也许...），您可以创建一个新的属性和 "animate" 即属性。然后向它添加一个侦听器并在 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);
    }
}

动画静态属性？

Animate a static property?

java

javafx

javafx-8

动画静态 属性？

Animate a static property?

java

javafx

javafx-8

动画静态属性？