Sencha Touch 2 - слайд-анимация на кнопке

Я пытаюсь получить слайд-анимацию на кнопке внутри контейнера, но у меня не получается.

Кстати, fade и flip работали нормально.

Я хочу сделать анимацию, как показано ниже, когда отображаются все кнопки.

Вот изображение того, чего я пытаюсь достичь:

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

ИЗМЕНИТЬ:

Я запускаю приведенный ниже код внутри события initialize() контейнера.

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

animation extjs sencha-touch sencha-touch-2
person user1452041    schedule 12.06.2012    source источник
comment
Не могли бы вы опубликовать код того, что сработало (перевернуть и исчезнуть), а что нет (по-видимому, слайд). Было бы проще взять его отсюда.   -  person Titouan de Bailleul    schedule 13.06.2012
comment
@TDeBailleul: я разместил код. Не могли бы вы помочь мне сейчас ... флип отлично работает на Android, но если я выберу slide анимацию, это не сработает ...   -  person user1452041    schedule 13.06.2012

Ответы (2)


arrow_upward
1
arrow_downward 

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

Но важно убедиться, что вы требуете Ext.Anim в своем приложении. Поместите это в свой основной app.js

Ext.requires('Ext.Anim');

or 

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

arrow_upward
0
arrow_downward

Привет @user1452041, попробуй, пожалуйста,

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

Атрибут direction зависит от вас, хотите ли вы left или right

Надеюсь, это поможет. :) Чао

person hekomobile    schedule 13.06.2012