WPF成长之路------翻转动画

当前位置:首页KK集团官方APP >

KK集团官方APP

WPF成长之路------翻转动画

时间:2020-01-15本站浏览次数:268

       

先介绍一下RenderTransform类,该类成员如下:

TranslateTransform:能够让某对象的位置发生平移变化。

RotateTransform:能够让某对象产生旋转变化,根据中心点进行顺时针旋转或逆时针旋转。

ScaleTransform:能够让某对象产生缩放变化。

SkewTransform:能够让某对象产生扭曲变化。

TransformGroup:能够让某对象的缩放、旋转、扭曲等变化效果合并起来使用。

MatrixTransform:能够让某对象通过矩阵算法实现更为复杂的变形。

通过以上变化效果,实现图形的动画效果,而翻转效果则是通过ScaleTransform对图形进行缩放,达到翻转效果,效果图如下:

代码如下:

<Window.Resources> <Storyboard x:Key="LoadHeadStoryboard" > <DoubleAnimationUsingKeyFrames BeginTime="0:0:0" Duration="0:0:1" RepeatBehavior="1x" AutoReverse="True" Storyboard.TargetName="scale" Storyboard.TargetProperty="ScaleX"> <SplineDoubleKeyFrame Value="0.3"/> </DoubleAnimationUsingKeyFrames> </Storyboard> </Window.Resources> <Window.Triggers> <EventTrigger SourceName="button" RoutedEvent="Button.Click"> <BeginStoryboard Storyboard="{StaticResource LoadHeadStoryboard}"/> </EventTrigger> </Window.Triggers> <Grid> <Button x:Name="button" Height="20" Width="40" VerticalAlignment="Top">翻转</Button> <StackPanel Height="50" Width="50"> <Image Source="images/干流长度.png" RenderTransformOrigin="0.5,0.5"> <Image.RenderTransform> <TransformGroup> <ScaleTransform x:Name="scale" ScaleX="1" ScaleY="1"></ScaleTransform> </TransformGroup> </Image.RenderTransform> </Image> </StackPanel> </Grid>

参考链接:

https://www.cnblogs.com/xpvincent/archive/2013/03/05/2944906.html

, 1, 0, 9);




公司地址:乐山市市中区春华路南段450号(商业银行正对面)正安达消防
联系人:温在超 13599684773
朱永娟 15208136437
电话:13521209121 传真:urg9dj@163.com
邮箱:czjuz@qq.com

粤公网安备 44030702001579号

KK国际唯一认证网页@