Vorlage 10: Verwenden von MasterDetail zusammen mit Hamburger Vorlage

Question

Ich benutze Vorlage 10 für die Entwicklung einer UWP App und ich benutze Hamburger Vorlage, also wenn ein Benutzer auf eine bestimmte Kategorie klickt, möchte ich ihn zu einer Ereignisliste in einem navigieren Hauptdetailansicht, wo links ist vollständige Ereignisliste in dieser Kategorie und auf der rechten Seite ausgewählte Ereignisdetails.Es gibt ein Beispiel zur Verfügung gestellt und es ist schwer zu verstehen und nicht k jetzt, wie das Beispiel in meiner App zusammen mit Hamburgernavigation verwenden Auch als zusätzliche Funktion, wenn der Benutzer auf eine bestimmte Kategorie klickt, sollte das Hamburger-Panel ausgeblendet werden und die MasterDetail-Ansicht des Ereignisses sollte kommen. Und wenn der Benutzer auf die Zurück-Schaltfläche klickt, sollte das Panel erneut mit dieser Seite erscheinen.

Wenn mir jemand helfen könnte, wäre es eine große Hilfe.Vielen Dank im Voraus.

Answer 1

Es gibt ein wirklich detailliertes Beispiel im Repository. Es hat insgesamt 2 Beispiele. 1 eine Kontrolle, die von einem Gemeindemitglied entwickelt wird. Das andere ist ein Design, das darauf basiert, grundlegende XAML mit visuellen Zuständen zusammen mit reaktionsfähigen Triggern für die Bildschirmgröße zu verwenden.

Ich habe die Antwort non-usercontrol Variante implementiert und es funktioniert sehr gut. Das andere kontrollbasierte Szenario hat einige gute Eigenschaften und wird oft für das Hinzufügen und Korrigieren von Funktionen aktualisiert.

Master Detail Sample

Answer 2

denke ich, was Sie hier suchen könnte eine etwas einfachere Sache ist, dass wir in der Lage, Ihnen zu geben. Master/Detail spaltet das Atom nicht. Davon abgesehen ist es nicht nur eine Drag-and-Drop-Sache. Sie werden sich die Probe ansehen müssen. Versuchen Sie, es genau in ein leeres Projekt zu reproduzieren. Es ist eine großartige Ressource, aber es ist keine Kontrolle für Sie, um so viel wie eine Probe für Sie zu verwenden. Ich wünschte mir, ich hätte eine einfachere Antwort für Sie, aber das erfordert ein wenig Anstrengung auf Ihrer Seite, um die Mechanik zu verstehen und umzusetzen. Am Ende, sobald du diesen "ah ha" -Moment passiert hast, denke ich, dass du zurückschauen wirst und realisierst, dass es einfacher ist, als du gedacht hast. Aber bis Sie verstehen, wie es auf einer fundamentalen Ebene funktioniert, wird es Sie weiterhin verwirren. Ich stimme @mvermef zu, dass der Visual-State-Ansatz (der primäre Ansatz) der einfachste ist und die Fähigkeiten nutzt, die Sie auch für die zukünftige Entwicklung lernen möchten. Aber zu diesem Zweck bitte anerkennen, dass es in dieser Stichprobe ZWEI Ansätze gibt. Das eine verwendet Ansichtszustände und das andere verwendet ein benutzerdefiniertes Benutzersteuerelement. Wenn ich Sie wäre, wählen Sie nicht den zweiten Ansatz. Der erste Ansatz wird leicht verständlich, einfach zu implementieren und wunderbar hilfreich sein, um später für andere Dinge zu verstehen.