Как реализовать перемещение кнопки по ее нажатию?

Question

[krembrule2016]

Добрый день!

nButton1.setOnAction(new EventHandler<ActionEvent>(){
	public void handle(ActionEvent ae){
		for(int i=0; i<30; i++){
	    translate.setX(0); 
        translate.setY(i); 
        translate.setZ(0);
		nButton1.getTransforms().add(translate); 
		try {
                th.sleep(33);
            } catch (InterruptedException ex) {
                Logger.getLogger(Big_shot.class.getName()).log(Level.SEVERE, null, ex);
            }
		}	
		}
	});

Написал такой кусок кода. По моей логике по нажатию на кнопку мы должны попадать в цикл, в котором кнопка будет чуть уезжать на север.
Однако, этого не происходит. И кнопка просто исчезает. В чем я неправ?

Answer 1

[Сергей Горностаев]

При создании окна создаётся Поток Обработки Событий, внутри которого будет работать цикл событий и обработчики событий. Любые события отправляются в очередь событий, откуда извлекаются и обрабатываются на очередной итерации цикла событий. Поэтому бесполезно использовать циклы для изменения состояния элементов графического интерфейса. Кроме того, вы не должны пытаться из главного потока или любого другого потока взаимодействовать с элементами графического интерфейса - это приведёт к сбою. Вы не должны внутри обработчиков событий запускать потоки - это приведёт к сбою. И вы не должны останавливать поток - это приведёт к сбою.

Comments

[krembrule2016]

Понятно, и в какую сторону тогда смотреть, если мне хотелось бы поиграться с эги? Реализовывать свои элементы, используя 2д shapes какие-нибудь?

[Сергей Горностаев]

krembrule2016, вам должен подойти Timeline.

[krembrule2016]

Сергей Горностаев,
я сделал вот так

double stopPosition = 100;
	KeyValue kk2 = new KeyValue(nButton1.layoutXProperty(), stopPosition);
	KeyFrame kk = new KeyFrame(Duration.millis(5000),kk2);
	Timeline timeline = new Timeline();
	timeline.getKeyFrames().add(kk);
    timeline.setCycleCount(1);

и в слушателе у меня включается шарманка

nButton1.setOnAction(new EventHandler<ActionEvent>(){
	public void handle(ActionEvent ae){
		timeline.play();
		}
	});

Кнопка никуда не двигается, я так подозреваю, что layoutXProperty() <----с этим что-то не то, но вроде как батон это свойство наследует...

[Сергей Горностаев]

krembrule2016, мне сейчас негде проверить. Выглядит как нормальный код.

[krembrule2016]

Сергей Горностаев,
я чуть изменил код и добавил анимацию прозрачности

KeyValue kk2 = new KeyValue(btn.opacityProperty(), stopPosition, Interpolator.LINEAR);
KeyFrame kk = new KeyFrame(Duration.millis(1000),kk2);
        
KeyValue kk3 = new KeyValue(btn.layoutXProperty(), stopPosition2, Interpolator.LINEAR);
KeyFrame kk4 = new KeyFrame(Duration.millis(5000),kk3);
        
Timeline timeline = new Timeline();
timeline.getKeyFrames().addAll(kk,kk4);
timeline.setCycleCount(1);
        
btn.setOnAction(new EventHandler<ActionEvent>() {
            
            @Override
            public void handle(ActionEvent event) {
                System.out.println("Hello World!");
                timeline.play();
                //btn.setVisible(false);
            }
        });

Вторая анимация, функция которой идентична - работает. Лол. Уже голову сломал почему позиционирование не фурычит.
Если Вам не сложно, то попробуйте, Вы наверное поймете почему ничего не выходит.

[krembrule2016]

Если кому-то будет интересно как я решил эту проблему, то мне очень помогла вот эта статья:
https://habr.com/post/305282/