So fügen Sie einen Bereich „Menü“ hinzu

Menü-Bereich

Eine Tab-Leiste bietet nur Platz für wenige Tabs, also landen die anderen Bereiche Ihrer App hinter ihren drei Punkten.

Ein Menü-Bereich gruppiert verwandte Bereiche hinter einem einzigen Eintrag, auf einer eigenen Seite, jeden mit Bild und Titel.

Einen Menü-Bereich hinzufügen

Klicken Sie unter „My App“, Structure, auf „Add a section“… suchen Sie nach Menu und wählen Sie es aus.

Benennen Sie ihn nach seinem Inhalt, bis zu 32 Zeichen. Hier „Watch & listen“ für unsere Audio- und Videobereiche. Klicken Sie dann auf Add.

Der Menü-Bereich steht nun am Ende Ihres Menüs. Wie die Vorschau zeigt, ist er zunächst leer.

Mit Bereichen füllen

Um einen Bereich hineinzulegen, ziehen Sie ihn direkt unter die Zeile des Menü-Bereichs, wie hier „River Daily Live“… und lassen Sie ihn los. Er rückt eine Ebene tiefer, in „Watch & listen“.

Für einen Bereich weiter oben klicken Sie auf die Punkte am Ende seiner Zeile, dann auf Settings… und verschieben Sie ihn unter „Tree structure“ in „Watch & listen“.

Klicken Sie auf Save, dann ebenso für „Video news“.

„Watch & listen“ enthält jetzt drei Bereiche und zeigt sie in der Reihenfolge des Baums.

Design

Öffnen Sie für das Design den Menü-Bereich und klicken Sie auf „Edit the design“.

Wählen Sie eine Vorlage für die Anzeige der Bereiche.

List reiht sie als Zeilen mit ihren Titeln auf.

Visual, die Standardvorlage, gibt jedem Bereich ein großes Bild mit seinem Titel darauf.

Unter Pictures hat jeder Bereich zunächst ein Standardbild. Entfernen Sie es… und laden Sie Ihr eigenes mit Browse hoch oder öffnen Sie die Library.

Die Library durchsucht kostenlose Fotos von Pexels. Wählen Sie eins aus, und es ist eingefügt.

Die Vorschau zeigt es sofort. Verfahren Sie so mit jedem Bereich.

Platzieren Sie dann unter „Position on the images“ die Titel… hier unten links, damit jedes Bild gut zu sehen ist.

Ebenen und Grenzen

Der Plus-Button seiner Zeile fügt einen neuen Bereich direkt darin hinzu… sogar einen weiteren Menü-Bereich für eine zusätzliche Ebene. Menü-Bereiche reichen bis zu vier Ebenen tief.

Jeder Bereich zählt zum Limit von 120 Bereichen Ihrer App, auch der Menü-Bereich, wo auch immer er steht.

In der App

In der Vorschau steht „Watch & listen“ jetzt am Ende der Liste hinter den drei Punkten, anstelle der drei Bereiche, die er enthält.

Ein Klick darauf öffnet den Menü-Bereich mit seinen drei Bereichen.

Jeder öffnet sich wie gewohnt, und Back führt zurück zum Menü-Bereich.

Ihre App erhält den Menü-Bereich, sobald Sie ihn mit „Publish my project“ veröffentlichen.