WPF的RenderTransform类:
RotateTransform:能够让某对象产生旋转变化,根据中心点进行顺时针旋转或逆时针旋转。
ScaleTransform:能够让某对象产生缩放变化。
现在用两个 button做例子,分别是旋转和缩放的前台代码,其实都是一样的方法,先设置button的RenderTransform属性,然后建立一个画板,让它实现永久的动画。
下面是一个旋转的例子: 这是只旋转3次 如果需要旋转永久的话,只需要将RepeatBehavior设置为Forever即可。
设置的动画旋转角度是0到360;时间是2秒一个周期,目标是RotateTransform的Angle角度。RotateTransform的CenterX和CenterY是旋转的中心point。FrameworkElement.Loaded代表控件加载
<Button Content="旋转" Foreground="Ivory" Background="Pink" HorizontalAlignment="Left" Height="80" Margin="67,212,0,0" VerticalAlignment="Top" Width="80" Command="{Binding GetText}">
<Button.RenderTransform>
<RotateTransform x:Name="rr" Angle="0" CenterX="40" CenterY="40" >
</RotateTransform>
</Button.RenderTransform>
<Button.Triggers>
<EventTrigger RoutedEvent="FrameworkElement.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation From="0" To="360" RepeatBehavior="3x" Duration="0:0:2" Storyboard.TargetProperty="Angle" Storyboard.TargetName="rr"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Button.Triggers>
</Button>
同样的附上旋转的后台代码:
public void animations()
{
Storyboard board = new Storyboard();
DoubleAnimation animation = new DoubleAnimation();
RotateTransform rotate = new RotateTransform();
rr.RenderTransform = rotate;
board.RepeatBehavior = RepeatBehavior.Forever;
board.SpeedRatio = 2;
animation.From = 0;
animation.To = 360;
animation.Duration = new Duration(new TimeSpan(0, 0, 2));
Storyboard.SetTarget(animation, loadImg);
Storyboard.SetTargetProperty(animation, new PropertyPath("RenderTransform.Angle"));
board.Children.Add(animation);
board.Begin(rr);
}
同理:下面是缩放的例子
ScaleX和ScaleY是横轴与纵轴缩放的比例。
<Button Content="缩放" Foreground="MidnightBlue" Background="Silver" HorizontalAlignment="Left" Height="170" Margin="286,30,0,0" VerticalAlignment="Top" Width="170">
<Button.RenderTransform>
<ScaleTransform x:Name="ss" CenterX="85" CenterY="85" ScaleX="1.2" ScaleY="1.2"/>
</Button.RenderTransform>
<Button.Triggers>
<EventTrigger RoutedEvent="FrameworkElement.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation From="0.1" To="1.5" RepeatBehavior="Forever" Duration="0:0:1.5" Storyboard.TargetProperty="ScaleY" Storyboard.TargetName="ss"/>
<DoubleAnimation From="0.1" To="1.5" RepeatBehavior="Forever" Duration="0:0:1.5" Storyboard.TargetProperty="ScaleX" Storyboard.TargetName="ss"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Button.Triggers>
</Button>
现在附上缩放的后台代码:
win是一个控件,DoubleAnimation 也有属性可以设置缩放的次数或者永久
DoubleAnimation an = new DoubleAnimation();
ScaleTransform scale = new ScaleTransform();
win.RenderTransform = scale;
scale.CenterX = win.Width / 2;
scale.CenterY = win.Height / 2;
scale.ScaleX = 1;
scale.ScaleY = 1;
an.From = 0.3;
an.To = 1;
an.Duration = new Duration(new TimeSpan(0, 0, 0, 0, 250));
Storyboard.SetTarget(an, win);
scale.BeginAnimation(ScaleTransform.ScaleXProperty, an);
scale.BeginAnimation(ScaleTransform.ScaleYProperty, an);