Sencha Touch 2 - 按钮上的幻灯片动画

时间:2012-06-12 19:15:32

标签: animation extjs sencha-touch sencha-touch-2

我正在尝试在容器内的按钮上获取幻灯片动画,但我无法做到。

顺便说一句,淡出翻转工作正常。

我希望在显示所有按钮时执行如下所示的动画。

以下是我想要实现的目标的形象:

http://oi47.tinypic.com/r9o8w7.jpg

编辑:

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

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

2 个答案:

答案 0 :(得分:1)

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

但重要的是确保您的申请中需要Ext.Anim。把它放在你的主app.js

Ext.requires('Ext.Anim');

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

答案 1 :(得分:0)

嗨@ user1452041请试试这个,

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

direction属性取决于您是否要leftright

我希望这会有所帮助。 :) Ciao