javaFx Animation ScaleTransition

Question

Mein Problem ist, dass wenn ich ein anchorPane mit Radius 15px mit scaleTransition skaliere und seine Breite vergrößern, wird das Aussehen gerade gestreckt. Ansonsten, wenn ich einfach setPrefWidth() benutze bleibt es gleich, aber es gibt keine Animation mit setPrefWidth(). Ich möchte nur die anchorPane mit dem gleichen Radius breiter werden. Wie kann ich es tun?

Das ist der Code, der den Radius anchorPane streckt.

ScaleTransition second = new ScaleTransition(Duration.seconds(2), main); 
second.setToX(2); 
second.play();` 

Answer 1

Sie können einfach die prefWidthProperty() animieren. Vorausgesetzt, dass Sie die Animation erstellen, nachdem die Ankerscheibe main aufgebahrt wurde, können Sie tun:

Timeline second = new Timeline(
    new KeyFrame(Duration.ZERO, new KeyValue(main.prefWidthProperty(), main.getWidth())), 
    new KeyFrame(Duration.seconds(2), new KeyValue(main.prefWidthProperty(), 2 * main.getWidth()))) 
); 
second.play();