UWP SplitView CommandBar Inhaltsbindung

Question

In meiner App habe ich eine SplitView und setze den Inhalt als Frame für jede Seite. Jede Seite enthält eine eigene CommandBar. Dies funktioniert ohne Probleme. Jetzt erstelle ich VisualStates für eine mobile Ansicht. Darin möchte ich das PlitView im geschlossenen Zustand (inline) verstecken. Aber jetzt brauche ich eine Möglichkeit, nur den "HamburgerButton" (in meinem Fall einen RadioButton) hinzuzufügen, ganz oben, um das Inline-SplitView zu öffnen. Ich habe es auch gemacht, aber der "HamburgerButton" überlappt jeden Seitentext auf der CommandBar. Also, was ist die beste Lösung, erstellen Sie nur eine CommandBar auf der MainPage (wo meine SplitView ist) und binden Sie den Inhalt, oder erstellen Sie eine CommandBar für jede Seite?

Mit freundlichen Grüßen

Answer 1

Ich denke, Erstellen einer CommandBar in der MainPage und Bindung des Inhalts erfordert möglicherweise mehr Arbeit. Vergessen Sie nicht, dass Sie möglicherweise auch die primären und sekundären Tasten binden müssen.

Wenn Sie eine CommandBar auf jeder Seite und ein HamburgerMenu auf MainPage verwenden möchten, können Sie diese Methode ausprobieren.

1. Erstellen Sie eine separate obere Zeile im Raster für die CommandBar.
2. Stapeln Sie horizontal ein transparentes Rechteck mit der Breite Ihres "HamburgerButton" zusammen mit der CommandBar und platzieren Sie es in der oben erstellten Zeile.
3. Erstellen Sie VisualStates, um auf Phone auszulösen, und legen Sie die Sichtbarkeit des Rectangle entsprechend fest, um die CommandBar nach rechts zu verschieben.

Check out Template10 PageHeader Control (Suche nach "VisualStateNarrow" und "Spacer" insbesondere). Wenn Sie nicht besonders daran interessiert sind, diesen Standardcode selbst zu entwickeln, gehen Sie bitte auf Template10. Es hat viele hilfreiche Steuerelemente, die von der Community entwickelt wurden. Bitte entschuldigen Sie, wenn Sie das schon wussten.

Answer 2

Sie können die Seite TOP bar Creat und in der Mainpage SPLITVIEW- verwenden.