Das Widget "Menü"

Das Widget "Menü" organisiert Seiten und hilft Benutzern, sich zwischen den Seiten Ihrer App zu bewegen. Sie können die Richtung des Menüs ändern, einen Style auswählen, wie zum Beispiel Registerkarten oder Pills, und eine Farbe für den Hintergrund und das aktive Menü auswählen.

Beispiel

Verwenden Sie dieses Widget, um zum Beispiel die folgenden Anforderungen an das App-Design zu unterstützen:

  • Sie möchten eine App erstellen, die mehrere Seiten enthält, und es den Endbenutzern ermöglichen, auf einfache und intuitive Weise von Seite zu Seite zu gelangen.

Verwendungshinweise

In der Regel positionieren Sie ein Menü oben auf einer Seite in der Kopfzeile oder im Text. Das Widget "Menü" wird automatisch mit den Seiten, Links und Ordnern gefüllt, die im Fenster Seite angezeigt werden. Wenn Sie nicht auf Im Menü ausblenden geklickt haben, werden die Namen der Seiten, Ordner und Links im Menü in der Reihenfolge angezeigt, in der Sie sie angeordnet haben. Wenn Sie Seiten und Links in einer Seite oder einem Ordner schachteln, werden sie im Widget "Menü" als Dropdown-Menü angezeigt. Ein Ordner stellt ein Dropdown-Menü bereit, das es ermöglicht, auf die oberste Ebene zu klicken, ohne die Seite zu wechseln. Benutzer interagieren mit dem Menü, indem sie auf den Link zeigen oder klicken, was die Navigation zurück zu den Seiten in Ihrer Experience ermöglicht.

Einstellungen

Das Widget "Menü" verfügt über folgende Einstellungen:

  • Typ: Definieren Sie die Position und das Aussehen des Menüs: Horizontal, vertikal oder Symbol. Beim Typ "Symbol" wird das Menü vertikal auf ein modales Fenster auf der linken oder rechten Seite der App reduziert.
    • Erweiterungsmodus für das Untermenü: Das Untermenü kann dem Endbenutzer als erweitertes Menü oder als Menü im Foldable-Design angezeigt werden. Diese Einstellung ist nur für Menüs der Typen "Vertikal" und "Symbol" verfügbar und nur dann in Ihrer App sichtbar, wenn sie geschachtelte Seiten oder Links enthält.
  • Aussehen: Definieren Sie das Aussehen der Menüelemente mit den folgenden Optionen:
    • Style: Wählen Sie einen Menü-Style aus: Standard, Unterstreichen und Pills. Die Farben für jeden Style werden aus dem Design Ihrer App übernommen.
    • Abstand: Definieren Sie den Abstand in Pixel zwischen den Seiten, die im Menü aufgelistet sind.
    • Ausrichtung: Bestimmen Sie die Platzierung des Textes auf jedem Menüelement. Wenn Sie zum Beispiel ein horizontales Menü erstellen und den Style Unterstreichen wählen, werden die Seitennamen an der Linie ausgerichtet: Die linke oder rechte Kante oder zentriert dazwischen.
  • Erweitert: Überschreiben Sie das Design Ihrer App, und geben Sie die Hintergrund-, Text- und Rahmenfarbe des Menüs an.
    • Hintergrund: Fügen Sie dem Menü eine Hintergrundfarbe hinzu.
    • Zustände: Geben Sie eine visuelle Darstellung für die Angabe des Status des Menüs mit unterschiedlichen Text- und Rahmenfarben an.
      • Normal: Der Standardzustand für das Menü ohne Benutzerinteraktion.
      • Daraufzeigen: Der Zustand, der durch den Benutzer initiiert wird, wenn er auf einen Link im Menü zeigt.
      • Ausgewählt: Eine Benutzerauswahl im Menü.