如何在FadeTransition中添加多个按钮？

Question

我有一个用于学校的程序，试图创建一个自动售货机，并且我试图使多个按钮成为烘焙对象，以从同一过渡中淡出过渡！ 这是否可能，或者每个按钮是否必须具有完全不同的淡入淡出过渡？

FadeTransition ft = new FadeTransition();
ft.setNode(imgView1);
ft.setDuration(Duration.millis(5000));
ft.setFromValue(1.0);
ft.setToValue(0.0);
ft.setCycleCount(1);
ft.setAutoReverse(true);
ft.plat();

btn1.setOnMousePressed(e->ft.play());

我还有3个其他按钮和图像，我想使用它们来做同样的事情，但是不确定是否必须进行每个Sepedated FadeTransition或是否可以将它们添加到此按钮中？

Answer 1

除非这些节点是公共父级中唯一没有视觉效果的节点，否则您不能将过渡应用于多个节点。

但是，您可以将其他节点的opacity属性绑定到动画节点的opacity ：

node2.opacityProperty().bind(imgView1.opacityProperty());
node3.opacityProperty().bind(imgView1.opacityProperty());

---

您还可以为每个节点创建一个带有KeyValue元素的Timeline ：

Timeline timeline = new Timeline(new KeyFrame(Duration.ZERO,
                                              new KeyValue(node1.opacityProperty(), 1d),
                                              new KeyValue(node2.opacityProperty(), 1d),
                                              new KeyValue(node3.opacityProperty(), 1d)),
                                 new KeyFrame(Duration.seconds(5),
                                              new KeyValue(node1.opacityProperty(), 0d),
                                              new KeyValue(node2.opacityProperty(), 0d),
                                              new KeyValue(node3.opacityProperty(), 0d)));

timeline.setAutoReverse(true);
timeline.play();