我正在尝试在 Windows 8 Metro 应用程序中创建动画扑克牌。我发现通过在 xaml 中使用 2 个矩形并进行变换并设置 z 顺序,我可以获得看起来不错的动画。但是,当我尝试将子图像(用于卡片的正面)添加到其中一个矩形时,我无法编译。
有什么方法可以在矩形内使用 xaml 图像标记,以便您可以使用 radiusX radiusY 属性来圆角?
这是我使用的允许旋转的东西(x 和 z 平面)
<Rectangle x:Name="cardRectBack" Stroke="{StaticResource HyperlinkPointerOverForegroundThemeBrush}" RadiusX="20" RadiusY="20" Tapped="cardRect_Tapped" RenderTransformOrigin="0.5,0.5">
<Rectangle.RenderTransform>
<RotateTransform x:Name="rotateCard"/>
</Rectangle.RenderTransform>
<Rectangle.Projection>
<!-- Apply a PlaneProjection to the image -->
<PlaneProjection x:Name="backYRot" RotationY="20"/>
</Rectangle.Projection>
<Rectangle.Fill>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="Black"/>
<GradientStop Color="#FFBB4444" Offset="1"/>
</LinearGradientBrush>
</Rectangle.Fill>
</Rectangle>