WPF双动画|如何指定原点

Question

如何为基于故事板的双动画指定原点。

以下是代码

<Storyboard x:Key="gridin">
  <DoubleAnimation BeginTime="00:00:00" Duration="00:00:05"  Storyboard.TargetName="gridA" Storyboard.TargetProperty="Width" From="100" To="300" ></DoubleAnimation>
  <DoubleAnimation BeginTime="00:00:00" Duration="00:00:05"  Storyboard.TargetName="gridA" Storyboard.TargetProperty="Height" From="100" To="300" ></DoubleAnimation>
 </Storyboard>

gridA是要在其上完成动画的网格。

这个问题是gridA动画是从中上层开始的。 我想将原点设置为0.5,0.5，但无法获得设置此值的位置。

一种选择是以某种方式使用RenderTransform并设置RenderTransformOrigin。我想避免这种做法。

Answer 1

您可以将gridA放置在另一个（较大的）网格中，HorizontalAlignment和VerticalAlignment设置为Center：

<Grid Width="300" Height="300">
    <Grid Name="gridA" HorizontalAlignment="Center" VerticalAlignment="Center">
    </Grid>
</Grid>

我个人更喜欢在ScaleTransform中为RenderTransform设置动画。