从左到右滑动导航视图 - Sencha touch 2.1

时间:2013-02-12 17:50:13

标签: sencha-touch sencha-touch-2.1

按下新视图时,此视图从左向右滑动。但导航视图元素(标题,按钮)从右向左滑动。

我想达到与按下后退按钮相同的效果。

以下是我用于滑动视图的代码:

            navigationView.animateActiveItem(view, {
                    type: 'slide', 
                    direction: 'right'
                });

            navigationView.push(view);

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

您需要在Ext.navigation.View上设置要使用方向的动画:

Ext.create('Ext.navigation.View', {
    fullscreen : true,
    layout: {
        type: 'card',
        animation: {
            type: 'slide',
            direction: 'right'
        }
    }
});

Demo

希望这有帮助