Sencha touch使視口在滑動導航中被遮罩

Question

在我的sencha Touch應用程序中，我使用滑動導航，當我點擊漢堡圖標時，菜單滑出。

現在我想掩蓋菜單幻燈片打開時的活動視圖。 我對slidenavigation代碼如下

createMenu: function(){ 

     var items = [ 
      { 
       xtype:'button', 
       text:'Home', 
       ui: 'mainmenu', 


        listeners: { 
      tap: function(){ 

       if(Ext.Viewport.getMenus().left.isHidden()){ 
           Ext.Viewport.showMenu('left'); 

          } 
          else 
          { 
           Ext.Viewport.hideMenu('left'); 
           Ext.Viewport.setActiveItem({xtype: 'main'}); 
          } 
      } 
     } 
      }, 
      { 
       xtype:'button', 
       text:'Videos', 
       ui: 'mainmenu', 
       listeners: { 
      tap: function(){ 
       Ext.Viewport.setActiveItem({xtype: 'videolist'}); 
       if(Ext.Viewport.getMenus().left.isHidden()){ 
           Ext.Viewport.showMenu('left'); 

          } 
          else 
          { 
           Ext.Viewport.hideMenu('left'); 

          } 
       } 
      } 
      } 
     ]; 

     return Ext.create('Ext.Menu', { 


      width: 200, 
      scrollable: 'vertical', 
      items: items, 
      id: 'mainmenu', 
      cls: 'mainmenu', 
     }); 
    } 

Answer 1

要顯示你的面具，之前 「Ext.Viewport.showMenu（）」 加入這一行：

Ext.Viewport.getActiveItem().setMasked(true); 

要隱藏你的面膜，「Ext.Viewport.hideMenu（）」 添加此行：

Ext.Viewport.getActiveItem().setMasked(false);