1、动画
// property 动画要改变的图元的属性名
// accessType property的类型,枚举如下:
// null 默认类型,如property为width,采用getWidth()和setWidth(value)的get/set或is/set方式存取。
// style 如property为width,采用getStyle('width')和setStyle('width', value)的方式存取。
// attr 如property为width,采用getAttr('width')和setAttr('width', value)的方式存取。
// from 动画开始时的属性值
// to 动画结束时的属性值
// frames 动画帧数,默认为60
// duration 持续时间,单位 ms;frames 和此参数只能选择一个,不可同时存在
// interval 动画间隔,单位ms,如果不指定等同于全局动画间隔;适用于当前图元的动画间隔与全局动画间隔不一致的情况
// delay 动画延迟执行时间,单位ms
// repeat 指定动画是否循环执行,如果为数字,表示循环的次数
// easing 动画缓动函数可参考http://easings.net/
// onUpdate: function(value) 回调函数,动画的每一帧都会回调此函数。
// onComplete: function() 回调函数,动画完成后执行
// next: 字符串类型,指定当前动画完成之后,要执行的下个动画,可将多个动画融合
{
blend: {
from:0,
to: 100,
easing: "Quad.easeOut",
next: "clear",
onUpdate: function(value) {
this.a("value",value);
}
},
clear: {
from:100,
to:0,
easing: "Bounce.easeOut",
next: "blend",
onUpdate: function(value) {
this.a("value", value);
}
},
start: ["blend"]
}
2、任务调度
// interval:间隔毫秒数,默认值为10 // enabled:是否启用开关,默认为true // beforeAction:调度开始之前的动作函数 // action:间隔动作函数,对DataModel上的每个data节点都会执行一次action操作 // afterAction:调度结束之后的调度函数
{
interval: 500,
action: function (data) {
if (data.a('blink.enabled')) {
var color = data.a('screen.color');
if (color === data.a('origin.color')) {
color = data.a('blink.color');
} else {
color = data.a('origin.color');
}
data.a('screen.color', color);
}
}
}





浙公网安备 33010602011771号