Sencha touch 2 卡片中没有幻灯片动画

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

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);

launch:function（）{
变量面板=Ext.create（'Ext.panel'{
布局：“卡片”，
全屏：对，
项目：[
{
html：“启动屏幕”
},
{
html：“登录屏幕”
},
{
html：“关于屏幕”
},
{
html：“用户屏幕”
}
]
});
panel.setActiveItem（0）；
setTimeout（函数（）{
面板。设置激活项（1）；
},3000);

---

3秒钟后，我将进入登录屏幕，但没有任何幻灯片动画。我在chrome和ipad模拟器中都进行了检查。

在设置超时内尝试类似的操作：

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

我相信您也可以将[layout:'card']行更改为类似的内容，以达到相同的效果：

layout: {
            type: 'card',
            animation: {
                type: 'slide',
                direction: 'left'
            }
        }

setActiveItem（）在ST2中不显示动画。您需要将其替换为

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

---

如果您正在使用Sencha Touch 2.0.0和新版本，请使用此

yourpanel.animateActiveItem(0, { type: 'slide', direction: 'right' })

请通过此链接了解更多信息