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);