卡中沒有幻燈片動畫

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秒我得到的登錄界面後，但沒有任何幻燈片動畫。我在鉻和ipad模擬器中都檢查過。

Answer 1

試試你的setTimeout裏面是這樣的：

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

我相信你也可以更改您的[佈局：「卡」]行來這樣的事情來達到同樣的效果：

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

Answer 2

setActiveItem（）在ST2中不顯示動畫。你需要如果您正在使用Sencha Touch 2.0.0，新版本比使用，

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

請通過此鏈接瞭解更多信息，與

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

Answer 3

來取代它。

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