2012-12-15 96 views
0

的animateActiveItem功能動畫我有我的應用程序類下面的代碼:爲什麼不是在煎茶觸摸

switchMainView: function (newView, config) { 
     if (this.currentView != false) { 
      Ext.Viewport.remove(this.currentView); 
     } 

     this.currentView = Ext.create(newView, config);   
     Ext.Viewport.animateActiveItem(this.currentView, { type: 'slide', direction: 'right' }) 
    }, 

可以從任何控制器來調用。但是,它沒有顯示動畫。任何想法它有什麼不對?

回答

0

根據煎茶球員:

AnimateActiveItem(activeItem,動畫)將

動畫處理所提供的activeItem與指定的動畫。 目前這隻適用於卡布局。對於單個卡片開關,此傳遞的動畫將覆蓋容器上的所有默認動畫。完成後動畫將被銷燬。

viewport: { 
layout: { 
    type: 'card' 
} 

}

在app.js

+0

是的,我同意這一點,用卡片佈局,你可以執行動畫。 –

+0

我想補充一點,因爲這部分是由於我缺乏理解。如果有東西要進行動畫處理,視口只會動畫。如果只有一張卡,即我刪除了第一張卡,然後添加一張新卡,則它將從0卡過渡到1卡時不起作用。 – jaffa

0

這是因爲「this.currentView」視圖還不是視口的一部分。在animateActiveItem行之前使用此行:

Ext.Viewport.add(this.currentView); 

這應該使它工作。

+0

添加上面的代碼不工作,我註釋掉動畫線,並儘快的add()被調用時映入眼簾...... – jaffa