作者:李坤凤
本次任务完成时间:2019年5月23日
开发工具与关键技术:开发工具:VS 关键技术:动画旋转
一、动画前效果图
二、动画后效果图
RotateTransform:能够让某对象产生旋转变化,根据中心点进行顺时针旋转或逆时针旋转。
ScaleTransform:能够让某对象产生缩放变化。
TransformGroup:能够让某对象的缩放、旋转、扭曲等变化效果合并起来使用。
<!--窗口资源-->
<Window.Triggers>
<!--事件触发器-->
<EventTrigger RoutedEvent="Window.Loaded">
<EventTrigger.Actions>
<!--故事版-->
<BeginStoryboard>
<Storyboard SpeedRatio="1.5">
<DoubleAnimation Storyboard.TargetName="btn" Storyboard.TargetProperty="RenderTransform.Children[1].Angle"
From="0" To="30" Duration="0:0:2" ></DoubleAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger.Actions>
</EventTrigger>
</Window.Triggers>
<Canvas Background="Pink">
<!--定义图片-->
<Image Canvas.Top="120" Canvas.Left="150" Source="F:\WPF\Style\Style\mmexport1540508987352.jpg" Opacity="0.5" Width="90" Height="90" ></Image>
<Image Canvas.Top="120" Canvas.Left="150" Source="F:\WPF\Style\Style\mmexport1540508987352.jpg" Width="90" Height="90" Name="btn">
<Image.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<RotateTransform CenterX="0" CenterY="0"/>
</TransformGroup>
</Image.RenderTransform>
</Image>
<Image Canvas.Top="120" Canvas.Left="150" Source="F:\WPF\Style\Style\mmexport1540508987352.jpg" Width="90" Height="90" Name="btn1">
<Image.RenderTransform>
<TransformGroup>
<ScaleTransform/>
<RotateTransform CenterX="0" CenterY="0"/>
</TransformGroup>
</Image.RenderTransform>
</Image>
</Canvas>
</Window>