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

Answer 2

在setTimeout中尝试这样的事情：

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

我相信您也可以将[layout：'card']行更改为类似的效果：

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

Answer 3

如果您使用的是Sencha Touch 2.0.0和新版本，请使用

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

请仔细阅读此链接以获取更多信息。

http://docs.sencha.com/touch/2.3.1/#!/api/Ext.Container

卡片中没有幻灯片动画

3 个答案: