JavaFX 镜像效果

JavaFX 镜像效果是一种常见的UI特效，在JavaFX中可以很方便地实现。 镜像效果主要是通过对一组节点的水平或垂直翻转来实现的。这使得该节点看起来像是被放置在一个镜子前面，从而产生镜像效果。

实现方式

在JavaFX中实现镜像效果有两种方式。一种是通过实现一个ImageView节点，设置缩放和翻转属性，然后把原始节点放在ImageView中。这样可以完全控制所需的效果。另一种方法是使用内置的Mirror类，该类提供了一些帮助方法来实现镜像效果。以下是这两种方法的代码实现示例。

方法一：使用ImageView节点实现镜像效果

ImageView imageView = new ImageView(originalNode.snapshot(null, null));
imageView.setLayoutX(originalNode.getLayoutX());
imageView.setLayoutY(originalNode.getLayoutY() + originalNode.getBoundsInParent().getHeight());
imageView.setPreserveRatio(true);

Scale scale = new Scale(1, -1);
scale.setPivotY(imageView.getBoundsInParent().getHeight() / 2);
imageView.getTransforms().add(scale);

pane.getChildren().add(imageView);

在这个示例中，我们首先创建一个ImageView节点，它的图像是原始节点的快照。然后我们设置ImageView的布局位置，保留原始节点的宽高比，并添加一个Scale类型的变换，以使其翻转。最后将ImageView添加到容器节点中。

方法二：使用内置Mirror类实现镜像效果

Node mirrored = Mirror.createReflection(originalNode);
mirrored.setLayoutX(originalNode.getLayoutX());
mirrored.setLayoutY(originalNode.getLayoutY() + originalNode.getBoundsInParent().getHeight());

pane.getChildren().add(mirrored);

这种方法更简单，只需要调用Mirror类的createReflection方法，将原始节点传递给它即可。Mirrored节点应该与原始节点有相同的布局位置和大小。

结论

JavaFX提供了许多方便的工具来实现各种UI效果，镜像效果只是其中之一。 你可以使用这些方法轻松地将镜像效果添加到你的UI设计中。