卡片中没有幻灯片动画

Question

为什么我在页面更改时没有获得幻灯片效果？这是我的代码

launch: function() {
        var panel = Ext.create('Ext.Panel', {
            layout: 'card',
            fullscreen: true,
            items: [
                {
                    html: "Splash Screen<img src='images/logo.png' />"
                },
                {
                    html: "Login Screen<img src='images/logo.png' />"
                },
                {
                    html: "About Screen"
                },
                {
                    html: "User Screen"
                }
            ]
        });

        panel.setActiveItem(0);

        setTimeout(function(){
            panel.setActiveItem(1);
        },3000);

3秒后,我将获得登录屏幕,但没有任何幻灯片动画.我检查了chrome和ipad-simulator.

Answer 1

setActiveItem()不显示ST2中的动画.你需要替换它

panel.animateActiveItem(1, {type:'slide', direction:'left'});