在WPF动画中常见的动画就平移、缩放以及旋转,一般会用到故事板(Storyboard)和浮点动画( DoubleAnimation),下面我们先对这两个进行具体的介绍,因为本次我们主要利用故事板来添加动画:
一.Storyboard:俗称故事板,在VS中意思是,一个容器的时间线,该时间线为子动画提供对象和属性确定信息:
其重要的两个方法`Storyboard.SetTarget();`绑定动画和`Storyboard.SetTargetProperty();`依赖的属性一般用法有:
Storyboard sb = new Storyboard();//首先实例化一个故事板Storyboard.SetTarget();//绑定动画为这个按钮执行的浮点动画Storyboard.SetTargetProperty();//依赖的属性sb.Begin();//开始动画sb.Children.Add(***);//向故事板中添加动画sb.Children.Remove(***);//移除指定的动画
当然在下面的逐步介绍中,我们还会用到故事板绑定动画,和依赖的属性
二.DoubleAnimation:浮点动画,在VS中的意思是,对插入的两个目标值之间的double属性值进行动画处理:
一般常用的属性运用:1.先进行实例化;
2.设置动画的起始值和结束值;
3.设置动画是否进行循环播放;
4.设置播放时间;
5.设置是否可以进行反转;
下面是举例代码逐步实现:
DoubleAnimation doubleanimation = new DoubleAnimation();//先进行实例化doubleanimation.Form=100;//设置起始值doubleanimation.To=200;//设置结束值doubleanimation.RepeatBehavior = RepeatBehavior.Forever;//设置动画循环播放doubleanimation.AutoReverse = true;//设置可以进行反转doubleanimation.Duration=new Duration(TimeSpan.FromSeconds(3));//设置动画播放时间
动画方式的类型
一.平移:二.旋转:三.缩放:四.颜色动画:一.平移:
TranslateTransform:在二维x-y坐标系统内平移(移动)对象:
在故事板中依赖的属性为RenderTransform.X;就是沿X轴进行平移;
用法:
Button btn2 = new Button();DoubleAnimation yd5 = new DoubleAnimation(100, 200, new Duration(TimeSpan.FromSeconds(3)));//浮点动画定义了开始值和起始值btn2.RenderTransform = new TranslateTransform();//在二维x-y坐标系统内平移(移动)对象yd5.RepeatBehavior = RepeatBehavior.Forever;//设置循环播放yd5.AutoReverse = true;//设置可以进行反转Storyboard.SetTarget(yd5, btn2);//绑定动画为这个按钮执行的浮点动画Storyboard.SetTargetProperty(yd5, new PropertyPath("RenderTransform.X"));//依赖的属性sb.Children.Add(yd5);//向故事板中加入此浮点动画sb.Begin();//播放此动画
二.旋转:
RotateTransform:在二维x-y坐标系统内围绕指定点顺时针旋转某个对象:
在故事板中依赖属性为:RenderTransform.Angle就是要进行旋转的角度;
用法:
Button btn3 = new Button();DoubleAnimation yd1 = new DoubleAnimation();//实例化浮点动画btn3.RenderTransform = new RotateTransform();//设置为旋转动画btn3.RenderTransformOrigin = new Point(0.5, 0.5);//设置旋转的中心yd1.From = 0;//动画的起始值yd1.To = 3600;//动画的结束值yd1.Duration = TimeSpan.FromSeconds(3);//动画的播放时间yd1.RepeatBehavior = RepeatBehavior.Forever;//设置动画循环播放yd1.AutoReverse = true;//设置动画可以进行反转Storyboard.SetTarget(yd1, btn3);//给故事板绑定动画Storyboard.SetTargetProperty(yd1, new PropertyPath("RenderTransform.Angle"));//动画的依赖属性sb.Children.Add(yd1);//故事板添加动画sb.Begin();//播放动画
三.缩放:
ScaleTransform:在二维x-y坐标系统内缩放对象;
在故事板中依赖的属性为RenderTransform.ScaleX或RenderTransform.ScaleY,这要根据你要沿哪个轴进行缩放,X代表x轴,Y代表y轴;
用法:
Button btn1 = new Button();DoubleAnimation yd4 = new DoubleAnimation(1.0,0.5,new Duration(TimeSpan.FromSeconds(3)));//实例化浮点动画,分别包含了缩放的倍数和动画的时间btn1.RenderTransform = new ScaleTransform();//设置动画为缩放yd4.RepeatBehavior = RepeatBehavior.Forever;//设置循环播放yd4.AutoReverse = true;//设置可以反转btn1.RenderTransformOrigin = new Point(0.5,0.5);//设置缩放为中心点Storyboard.SetTarget(yd4,btn1);//绑定动画Storyboard.SetTargetProperty(yd4,new PropertyPath("RenderTransform.ScaleX"));//动画依赖的属性sb.Children.Add(yd4);//添加动画sb.Begin();//播放动画
四.颜色动画:
ColorAnimation:对插入的两个目标值之间的color属性值进行动画处理:
一般依赖的属性为:(控件名称.Background).(SolidColorBrush.Color)也就是设置了其背景色
用法:
Button btn4 = new Button();ColorAnimation color = new ColorAnimation(Colors.Red,Colors.Blue,new Duration(TimeSpan.FromSeconds(0.05)));//实例化颜色动画color.RepeatBehavior = RepeatBehavior.Forever;//设置循环播放color.AutoReverse = true;//设置可以反转Storyboard.SetTarget(color, btn4);//绑定动画Storyboard.SetTargetProperty(color, new PropertyPath("(Button.Background).(SolidColorBrush.Color)"));//设置动画依赖的属性sb.Children.Add(color);//增加动画sb.Begin();//播放动画
另一篇文章对这几种动画也有具体的介绍,如果喜欢请进传送门
WPF中实现动画的几种效果(最基础方式)
