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>

 

 
 
posted @ 2023-10-25 16:21  乁卬杨  阅读(98)  评论(1)  编辑  收藏  举报