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 に答える