WPF 控制翻转

Question

我有一个主要由图像和按钮组成的控件。我想在图像背面显示图像元数据，并在按下按钮时让控件水平翻转:

即

点击“信息”按钮...

将图像绕轴旋转 180 度...

使用元数据(或任何实际数据)显示图像的“背面”。

显然，当单击红色“关闭”按钮时，图像会旋转最后 180 度，以便再次显示图像。

我还没有在 XAML 中真正做过任何 3D，但我不明白为什么这会太复杂......

Answer 1

无需 3D 即可完成。将水平比例从 1 更改为 -1 的 ScaleEffect 具有相同的视觉效果:

<Image RenderTransformOrigin="0.5,0.5">
    <Image.RenderTransform>
        <ScaleTransform ScaleX="-1" />
    </Image.RenderTransform>
</Image>

您可以为 ScaleX 属性设置动画以获得旋转效果。您还应该将其可见性从 Visible 更改为 Hidden，反之亦然。使图像旋转90度后消失。同时后面板应该变得可见。