动画宽度WPF左侧

时间:2014-09-03 14:10:46

标签: wpf xaml animation wpf-animation

我有Grid,我可以通过以下方式制作动画:

Normal state image right

当我点击图片时,我可以使用故事板为我的按钮模板设置动画,以便按照我想要的方式增长:

enter image description here

这或多或少是结果。动画如下所示:

 <Storyboard x:Key="ExpandPanelRight">
    <DoubleAnimation
        Storyboard.TargetName="ExpandablePanel"
        Storyboard.TargetProperty="Width"
        BeginTime="0:0:0"
        From="0" To="450" Duration="0:0:0.5"></DoubleAnimation>
</Storyboard>

正如您所看到的,从左到右增长网格没有问题,但我真正想要的是相反的:从右到左展开网格:

enter image description here

怎么样?我无法找到答案。

1 个答案:

答案 0 :(得分:1)

您需要做的就是将邮箱ImageExpandablePanel的右边缘对齐。完成后,当Image的{​​{1}}增加时,Width会粘在右侧。您的PanelStoryboard代码可以保持不变。您的代码应如下所示:

DoubleAnimation