animation - Sencha Touch 2 - 按钮上的滑动动画

Question

我试图在容器内的按钮上获得幻灯片动画，但我无法做到。

顺便说一句，淡入淡出和翻转工作正常。

当显示所有按钮时，我想做如下所示的动画。

这是我想要实现的图像：

编辑 ：

我initialize()在容器的事件中运行以下代码。

 Ext.Anim.run(this.getComponent('btnId'),'flip',{
            out: true,
            delay: 1000,
            duration: 500,
 });

Answer 1

Ext.Anim.run(Ext.getCmp('btnId'), 'slide', {
    direction: 'left',
    duration: 1000
})

But the important thing is to ensure you require Ext.Anim in your application. Put this in your main app.js

Ext.requires('Ext.Anim');

or

Ext.application({
    name: 'myapp',
    requires: [
         'Ext.Anim'
    ]
});

Answer 2

嗨@user1452041 请试试这个，

Ext.Anim.run(Ext.getCmp('btnId'), 'slide', {
    direction: 'left'
})

direction属性取决于您是否愿意left或right

我希望这有帮助。：） 再见