WPF 純xaml實現控件運動動畫

1、Image控件加載後上下運動

2、Image控件可以放在Grid等佈局控件中

3、指定加載時觸發動畫： EventTrigger RoutedEvent="Image.Loaded"

4、指定動畫的起止位置，和運動週期

 1     <Image  Grid.Row="1" Grid.Column="1" VerticalAlignment="Top" Margin="0,40,0,0" HorizontalAlignment="Center"
 2            Name="arrow" Source="/Images/Input/arrow-down.png" Width="80" >
 3        <Image.RenderTransform>
 4            <TranslateTransform x:Name="imgt" />
 5        </Image.RenderTransform>
 6        <Image.Triggers>
 7            <EventTrigger RoutedEvent="Image.Loaded">
 8                <BeginStoryboard>
 9                    <Storyboard>
10                        <Storyboard >
11                            <DoubleAnimation From="0" To="80" Duration="00:00:1.1" 
12                                 Storyboard.TargetName="imgt" Storyboard.TargetProperty="Y"
13                                 AutoReverse="True" RepeatBehavior="Forever">
14                            </DoubleAnimation>
15                        </Storyboard>
16                    </Storyboard>
17                </BeginStoryboard>
18            </EventTrigger>
19        </Image.Triggers>
20    </Image>