ExtJs使用动画闪烁DisplayField

Question

下午大家,

我有一个显示区域,我想为它实现一个恒定的闪烁动画.我仍然是ExtJs的新手,也是动画片的新品牌.我已经把我在互联网上找到的一些代码放在一起了.我猜它正在做某事,因为文字不再可见.我只是需要帮助调整它来制作一个闪烁的动画.谢谢.

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

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

Answer 1

你需要一个调用自己的动画功能

示例:https://fiddle.sencha.com/#fiddle/lsl

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
    });
}