Javascript ExtJS 4：如何使用Ext.fx.Animator设置精灵组件的动画？

我的视图中有多个精灵，我想使用Ext.fx.Animator对我的标题组件为该精灵制作一个动画，但我遇到了如何做的问题。 这是我的精灵组件：

var sprite = Ext.create('Ext.draw.Component', {
    items: [{
        type: "text",
        text: "Bla... Bla... Bla...",
        fill: "white",
        font: "18px monospace"
    }]
});

这是我的标题：

Ext.define('APP.view.Header', { 
    extend: 'Ext.Component',
    xtype: 'appHeader',
    dock: 'top',
    baseCls: 'app-header',

    initComponent: function() {
        Ext.applyIf(this, {
            html: 'I want to place my sprite in here'
        });
        this.callParent(arguments);
    }
});

我的问题是：

我可以使用Ext.fx.Animator控制精灵的不透明度吗？怎么做

如何让我的雪碧从左到右，从另一个方向走

怎么做？

---

有人知道吗？我已经在google上搜索过了，但没有找到一种方法。

看看文档中的Ext.dom.Element类和animate（）函数。我已经读过了，还有这个例子。但是如何使用fx.animator将动画应用到我创建的精灵？所以我可以动态地修改动画到我拥有的每一个精灵。