Rectangle movement in shape

Question

Greetings How to make a javaFX move a rectangle?

Here is the code: main.java

public class Main extends Application { @Override public void start(Stage primaryStage) throws Exception{ Parent root = FXMLLoader.load(getClass().getResource("sample.fxml")); primaryStage.setTitle("Hello World"); primaryStage.setScene(new Scene(root)); primaryStage.show(); } public static void main(String[] args) { launch(args); } }

controller.java

 public class Controller { @FXML Rectangle tube = new Rectangle(); public void onClick() throws InterruptedException { int x = 0; while(x < 100){ Double a = tube.getX(); Double b = tube.getY(); tube.setX(a-5); x++; Thread.sleep(10); } } }

Sample form:

It is necessary that this rectangle rode to the end of the line to the left. How to do it?

UPD1 ::

 public void onClick() throws InterruptedException { takeFrom(); // Конечная позиция: double stopPositionX = 24; KeyFrame keyFrame = new KeyFrame( // Считаем, сколько времени будет длиться анимация: Duration.millis((tube.getLayoutX() - stopPositionX) / 5 * 10), event -> { System.out.println("Перемещение трубы по отводящему рольгангу окончено"); }, // Указываем, какое свойство анимировать, его конечное значение и алгоритм: new KeyValue(tube.layoutXProperty(), stopPositionX, Interpolator.LINEAR) ); // Создаем и запускаем одноразовый таймер для анимации по ключевому кадру: Timeline timeline = new Timeline(); timeline.getKeyFrames().add(keyFrame); timeline.setCycleCount(1); timeline.play(); } public void takeFrom(){ // Конечная позиция: double stopPositionY = 216; KeyFrame keyFrame = new KeyFrame( // Считаем, сколько времени будет длиться анимация: Duration.millis((tube.getLayoutY() - stopPositionY) / 2 * 10), event -> { System.out.println("Движение закончено"); }, // Указываем, какое свойство анимировать, его конечное значение и алгоритм: new KeyValue(tube.layoutYProperty(), stopPositionY, Interpolator.LINEAR) ); // Создаем и запускаем одноразовый таймер для анимации по ключевому кадру: Timeline timeline = new Timeline(); timeline.getKeyFrames().add(keyFrame); timeline.setCycleCount(1); timeline.play(); }

Remember to use Math.abs() for time - otherwise you will get an exception if the result is negative (in the example of sub-rules).

Answer 1 · 2018-04-20T11:22:03

Option:

 public void onClick() { // Конечная позиция: double stopPositionX = 100; KeyFrame keyFrame = new KeyFrame( // Считаем, сколько времени будет длиться анимация: Duration.millis(Math.abs((tube.getLayoutX() - stopPositionX) / 5 * 10)), event -> { System.out.println("Анимация закончена"); }, // Указываем, какое свойство анимировать, его конечное значение и алгоритм: new KeyValue(tube.layoutXProperty(), stopPositionX, Interpolator.LINEAR) ); // Создаем и запускаем одноразовый таймер для анимации по ключевому кадру: Timeline timeline = new Timeline(); timeline.getKeyFrames().add(keyFrame); timeline.setCycleCount(1); timeline.play(); }

The JavaFX stream constantly (60 times per second) checks whether it has job-timers and executes them.

And, of course, this only works if no one has blocked the flow of JavaFX using Thread.sleep() ...

Link to article: Creating Transitions and Timeline Animation in JavaFX: 1 Animation Basics

Addition to the comment:

For sequential execution of animations, use SequentialTransition , for example:

  KeyFrame keyFrame1 = new KeyFrame(...); Timeline timeline1 = new Timeline(keyFrame1); KeyFrame keyFrame2 = new KeyFrame(...); Timeline timeline2 = new Timeline(keyFrame2); SequentialTransition sequence = new SequentialTransition(timeline1, timeline2); sequence.play();

I need to first move the figure along the Y axis and then along the X axis

Rectangle movement in shape

1 answer 1

More articles: