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

3 秒后，我进入登录屏幕，但没有任何幻灯片动画。我检查了 chrome 和 ipad-simulator。

4

3 回答 3

6

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

panel.animateActiveItem(1, {type:'slide', direction:'left'});
于 2012-04-20T06:27:47.487 回答
1

在你的 setTimeout 中尝试这样的事情：

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

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

layout: {
            type: 'card',
            animation: {
                type: 'slide',
                direction: 'left'
            }
        }
于 2012-02-07T20:20:17.483 回答
1

如果您使用的是Sencha Touch 2.0.0新版本而不是使用这个，

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

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

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

于 2014-01-08T10:15:17.387 回答