实现效果如下:
思路:利用关键帧动画和ClipPath来实现。
步骤:这里仅提供一个大致思路,具体样式可以根据需求调整。
1、窗体样式
<Grid Width="600" Height="300" ClipToBounds="True">
<Image Name="myBgImage" Source="Images/bg.jpg" Stretch="Fill"></Image>
<Grid x:Name="myAnimation1">
<Image Name="myGeometryImage1" Source="Images/bg.jpg" Stretch="Fill">
<Image.RenderTransform>
<TransformGroup>
<RotateTransform Angle="180"></RotateTransform>
<Translate