Question

下午大家，

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

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

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

Answer 1

你需要一个自称为

的动画功能

示例：UNPIVOT

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

ExtJs使用动画闪烁DisplayField

1 个答案: