#777 – 平移变换动画（Animating a Transform）

原文地址：https://wpf.2000things.com/2013/03/15/777-animating-a-transform/

你可以使用包含有AnimationTimeline 的Storyboard 对任何界面控件进行2D平移动画操作。

下面的例子中，使用了两个DoubleAnimation 实例对TranslateTransform的X和Y属性进行动画变换，这样TextBlock 会在屏幕四周移动。

<Grid>
    <TextBlock Text="We shall overcome" HorizontalAlignment="Center" VerticalAlignment="Center"
               Padding="20,10" Background="PaleGoldenrod" FontSize="16">
        <TextBlock.RenderTransform>
            <TranslateTransform x:Name="transTransform" X="-100" Y="-80"/>
        </TextBlock.RenderTransform>
        <TextBlock.Triggers>
            <EventTrigger RoutedEvent="TextBlock.Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation Storyboard.TargetName="transTransform"
                                         Storyboard.TargetProperty="X"
                                         From="-100" To="100" Duration="0:0:0.7"
                                         AutoReverse="True" RepeatBehavior="Forever"/>
                        <DoubleAnimation Storyboard.TargetName="transTransform"
                                         Storyboard.TargetProperty="Y"
                                         From="-80" To="80" Duration="0:0:1.5"
                                         AutoReverse="True" RepeatBehavior="Forever"/>
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </TextBlock.Triggers>
    </TextBlock>
</Grid>