WPF之线性插值动画

作者:王福驰
撰写时间:2019年 4月18日
开发工具与关键技术:XAML、WPF

使用Storyboard(故事板)控制动画的播放、停止、暂停等等。声明动画类型,使用EventTrigger(事件触发器)触发。

线性插值动画对象属性:
From、To、By、Duration(From、To、By为设置其目标值)
From:获取或设置动画的起始值。
To:获取或设置动画的结束值
By:获取或设置动画更改其起始值所依据的总数
Duration:动画从头到尾播放一次所花的时间长度
动画播放控制属性:
BeginTime、RepeatBehavior、AutoReverse、SpeedRatio、FillBehavior
主要有两种,分别是DoubleAnimation和ColoAnimation
DoubleAnimation属于Double类型的属性都可以使用它生产线性插值动画效果。
DoubleAnimation类继承自Freezable,
我用来制作图片的旋转动画:
属性:From为0,To为360(360是360度),Duration为两秒,RepeatBehavior为Forever(Forever无限循环)
XAML代码
在这里插入图片描述
功能实现,如下图:
在这里插入图片描述
ColorAnimation类继承自Freezable
ColorAnimation 作用于属性Colo类型对象的线性插值动画,用于改变对象的填充颜色,动画的时间段内更新的属性的值
在一个圆里改变颜色
设置:From为Red(红色) ,To为Green(绿色) , Duration为2秒
Duration:动画从头到尾播放一次所花的时间长度
XAML代码
在这里插入图片描述
功能实,现如下图:
在这里插入图片描述

在从红色变绿色,其实中间还有几种变化。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值