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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步