2013-02-12 97 views
1

推動新視圖時,此視圖從左向右滑動。但導航視圖元素(標題,按鈕)從右向左滑動。幻燈片導航視圖從左到右 - Sencha觸摸2.1

我想達到與按下返回按鈕一樣的效果。

這裏是我使用滑動查看代碼:

  navigationView.animateActiveItem(view, { 
        type: 'slide', 
        direction: 'right' 
       }); 

      navigationView.push(view); 

感謝提前的幫助。

回答

2

您需要設置要在Ext.navigation.View使用方向的動畫:

Ext.create('Ext.navigation.View', { 
    fullscreen : true, 
    layout: { 
     type: 'card', 
     animation: { 
      type: 'slide', 
      direction: 'right' 
     } 
    } 
}); 

Demo

希望這有助於

+0

您好,感謝的答覆。但我需要根據按鈕的哪一側動態地進行動畫處理。我嘗試了'navigationView.setLayout()。setAnimation()'但錯誤已經被拋出:'[ERROR] [Ext.Container#setLayout]當前不支持已經初始化後替換佈局.' – 2013-02-20 09:40:26

+0

您應該嘗試導航視圖.getLayout()。setAnimation()而不是navigationView.setLayout()。setAnimation() – 2013-02-20 09:57:20

+0

哦,你是對的:)我改變了它,但導航視圖從右滑動到左而不是左。 – 2013-02-20 11:16:19