Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/extjs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Animation 使用动画的ExtJs闪烁显示字段_Animation_Extjs_Extjs Mvc - Fatal编程技术网

Animation 使用动画的ExtJs闪烁显示字段

Animation 使用动画的ExtJs闪烁显示字段,animation,extjs,extjs-mvc,Animation,Extjs,Extjs Mvc,各位下午好, 我有一个displayfield,我想为它实现一个持续闪烁的动画。我对ExtJs还是个新手,对动画还是个新手。我整理了一些在网上找到的代码。我猜它正在做一些事情,因为文本不再可见。我只是需要帮助调整它,使一个闪烁的动画。谢谢 { xtype: 'displayfield', itemId:'txtTest', width:165, value:'Test' } var p = sender.down('#txtTest'); p.animate({ duration: 10

各位下午好,

我有一个displayfield,我想为它实现一个持续闪烁的动画。我对ExtJs还是个新手,对动画还是个新手。我整理了一些在网上找到的代码。我猜它正在做一些事情,因为文本不再可见。我只是需要帮助调整它,使一个闪烁的动画。谢谢

{ xtype: 'displayfield', itemId:'txtTest', width:165, value:'Test' }

var p = sender.down('#txtTest');
p.animate({
   duration: 100,
    to: {
        opacity: 0
    }
});

您需要一个调用自身的动画函数

例如:


您需要一个调用自身的动画函数

例如:


请不要那样做。眨眼会导致癫痫发作:请不要这样做。眨眼会导致癫痫发作:
function animate(target, opacityFrom, opacityTo) {
    var anim = Ext.create('Ext.fx.Anim', {
        target: target,
        duration: 1000,
        from: {
            opacity : opacityFrom
        },
        to: {    
            opacity : opacityTo
        }
    });
    anim.on("afteranimate", function() {
        if(opacityFrom == 1) {
            animate(target, 0, 1);             
        } else {
            animate(target, 1, 0);
        }

    }, this, {
        single : true
    });
}