1

我有一个Grid可以通过以下方式制作动画的方法：

正常状态图片右

当我单击图像时，我可以使用 Storyboard 为我的按钮模板设置动画，使其随心所欲地增长，结果如下：

在此处输入图像描述

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

 <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>

如您所见，从左到右扩展网格没有问题，但我真正想要的是相反：从右到左扩展网格：

在此处输入图像描述

会怎么样？？我找不到答案。

4

1 回答 1

1

您需要做的就是将您的垃圾箱Image与ExpandablePanel. 一旦你这样做了，那么随着的增加，Image将坚持到右手边。您的和代码可以保持不变。您的代码应如下所示：WidthPanelStoryboardDoubleAnimation

<Border CornerRadius="10" Background="Blue">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <TextBlock Text="Expanding...." VerticalAlignment="Center" />
        <Image Source="Images/Bin.png" VerticalAlignment="Center" HorizontalAlignment="Right" />
    </Grid>
</Border>
于 2014-09-03T14:46:39.307 回答