JavaFX 元素在动画之前对齐

Question

我正在使用 JavaFX 开发一个小型 GUI 来完成一项任务。以前从未使用过 JavaFX，我使用或学习的大部分内容都是我自己研究的。我的大部分应用程序运行流畅，包括动画。

我有一个小的用户输入部分：

我试图让它在加载下一个场景之前向左滑动，以给用户留下顺序的印象。我使用由 TranslationTransitions 填充的 ParallelTransition 实现了这一点，我在其中加载了所有这些节点。

但是，就在动画开始前不久，它似乎将所有内容都对齐了。

我感觉这与我放置这些对象的容器 (AnchorPane) 或我未设置的某些未定义属性有关。由于我正在学习这一切，所以缩小范围有点困难。谁能告诉我是什么原因造成的以及如何保持对齐？每个节点的移动方式如下：

translateTransition.setFromX(node.getLayoutX());
translateTransition.setToX(node.getLayoutX()-500.00);

如果我遗漏了任何相关信息，请告诉我！

Answer 1

所以，我的问题原来是我布置对象的方式。将它们放置在仅具有特定属性的任意 AnchorPane 中以定位这些项目意味着，根据动画，它将对这些对象进行分组并相应地为它们设置动画。这是布置这些节点的错误方式。

相反，我将它们放在 VBox 中，这有两个优点。

我可以对齐那个 VBox 中心的内容，所以我不需要指定元素的确切布局属性。
我可以使用单个 VBox 制作动画，而不是使用 ParallelTransition 中的所有元素。因此，VBox 节点上的单个 TranslateTransition 就足够了！

JavaFX elements aligning right before animating