1、动画

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
// 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 动画缓动函数可参考<a href="http://easings.net/" rel="noopener nofollow" target="_blank">http://easings.net/</a>
// 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、任务调度

1
2
3
4
5
// 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);
                }
            }
        }

  

 

 

 

 

 

 

 

posted on   金科许俊  阅读(54)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix



点击右上角即可分享
微信分享提示