在 Windows 8/Metro/Store 中为 RectangleGeometry（在 Image.Clip 中）设置动画

Posted 2023-03-23

【中文标题】在 Windows 8/Metro/Store 中为 RectangleGeometry（在 Image.Clip 中）设置动画

【英文标题】：Animate a RectangleGeometry (inside an Image.Clip) in Windows 8/Metro/Store

【发布时间】：2012-12-17 20:12:09

【问题描述】：

我正在尝试为使用 RectangleGeometry 制作的图像剪辑制作动画。

但是，我找不到任何解决方案。我已经得出以下结论：

Windows Metro 不支持 RectAnimation（此问题的直接解决方案） Windows Metro doesn't support PathGeometry 在剪辑中 (so I could do a workaround) Windows metro 没有RectAnimationUsingKeyFrames (another solution presented by Microsoft)

【参考方案1】：

我最终在RectangleGeometry 中添加了一个变换，并为它设置了动画：

<!-- In the Clip Section -->
<RectangleGeometry 
    x:Name="RectangleGeometry"  
    Rect="0,0,727,400" >
    <RectangleGeometry.Transform>
         <TranslateTransform x:Name="ClipTransform"/>
    </RectangleGeometry.Transform>
</RectangleGeometry>

<!-- Animate the Clip Section -->
<Storyboard x:Name="Anim">
    <DoubleAnimation 
        Duration="0:0:1" 
        To="-100"
        Storyboard.TargetName="ClipTransform"          
        Storyboard.TargetProperty="Y"  />
</Storyboard>

我不知道是否有更好的解决方案，但这个是我找到的。