Template 10: Hamburger Basic UI

Question

Ich entwickle eine UWP App und möchte sie so aussehen lassen wie die ms News App, also genau wie in der News App, wenn ich den Hamburger Button drücke sollte sie den Titel der Seite nicht verschieben Zu seiner rechten Seite sollte es eher nichts auf der Titelseite tun.

Was erhalte ich:

Was ich will:

Auch Zweitens, was soll ich tun, nachdem die Hamburger Schaltfläche klicken, wenn die Scheibe geöffnet und ich klicken An anderen Stellen als dem Panel, wie im Grid oder auf PageHeader, sollte sich das Hamburger Control automatisch wie in der News-App schließen.

Answer 1

Got es, indem Sie dies getan:

<Controls:HamburgerMenu x:Name="MyHamburgerMenu" 
       HamburgerBackground="#FFD13438" 
       HamburgerForeground="White" 
       NavAreaBackground="#FF2B2B2B" 
       NavButtonCheckedBackground="#FFD13438" 
       SecondarySeparator="White" 
       NavButtonForeground="White" 
       **VisualStateWideDisplayMode="CompactOverlay"** 
         >