图片蹦出来“从右至左”与分镜动画

Question

我找到了一个蹦出来的图像一个很好的例子：http://tozon.info/blog/post/2007/10/14/three-ways-to-make-your-wpf-images-pop-out-on-mouseover.aspx

的问题是我需要向相反的方向成长吧。示例中的图像从左向右增长。我希望它长到左侧。

<!-- This storyboard will make the image grow to double its size in 0.2 seconds --> 
<Storyboard x:Key="expandStoryboard"> 
    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" 
        To="2" 
        Duration="0:0:0.2" /> 
    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" 
        To="2" 
        Duration="0:0:0.2" /> 
</Storyboard> 
<!-- This storyboard will make the image revert to its original size --> 
<Storyboard x:Key="shrinkStoryboard"> 
    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleX" 
        To="1" 
        Duration="0:0:0.2" /> 
    <DoubleAnimation Storyboard.TargetProperty="RenderTransform.ScaleY" 
        To="1" 
        Duration="0:0:0.2" /> 
</Storyboard> 

Answer 1

使用RenderTransformOrigin从使图像蹦出从右到左的代码定义起源new Point(1,0.5)背后，或XAML <Image ... RenderTransformOrigin="1,0.5" />。如果您想让图像从右下角扩展出来，您可能需要使用1而不是0.5作为yOrigin。