煎茶觸摸2 setActiveItem動畫不工作

Question

在煎茶觸摸2，我在我的控制器使用此代碼片段：

 this.control({ 
     '#test_button': {   
      tap: function() { 
       var root_c = Ext.getCmp("main_container"); 
       root_c.setActiveItem(
        1, {type:'slide', direction: 'left'} 
       ); 
      } 
     }   
    }); 

它工作得很好，但它切換隻有「默認方式」，而不是「滑辦法」。誰能幫忙，爲什麼？

由於提前， [R

Answer 1

正如其他人說，使用animateActiveItem。或者，您可以保留您的（單個參數）setActiveItem，並在顯示的特定視圖上設置showAnimation和hidAnimation。

說了這樣的話，如果您的展示物品嵌套了大量來回，這在我的經驗中是有問題的。

更新 我只是發現，有一個在st2.0.1例如，如果使用顯示/ hideAnimation，你不能真正銷燬已設置該屬性的對象明顯的時序錯誤。咬我很難。相關閱讀：http://www.sencha.com/forum/showthread.php?192847-Animating-panels-throws-Cannot-call-method-getPageBox-of-null

Answer 2

在煎茶觸摸2，爲您的需要選擇正確的方法是animateActiveItem

Answer 3

this.control({ 
    '#test_button': {   
     tap: function() { 
     var root_c = Ext.getCmp("main_container"); 
      root_c.animateActiveItem(1, {type:'slide', direction: 'left'}); 
     } 
    }   
    }); 

在煎茶觸摸2 setActiveItem只有一個參數：

setActiveItem(Object/Number activeItem) 

所以你必須使用：

animateActiveItem(Object/Number activeItem, Object/Ext.fx.layout.Card animation) 

更多信息：http://docs.sencha.com/touch/2-0/#!/api/Ext.Container-method-animateActiveItem

Answer 4

如果您正在使用Sencha Touch 2.0.0，新版本比使用，

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

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

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