Comment ajouter une section Menu ?

La section Menu

Une barre d'onglets n'a de place que pour quelques onglets : les autres sections de votre app s'empilent derrière ses trois points.

Une section Menu regroupe des sections apparentées derrière une seule entrée, sur une page à part, chacune avec son image et son titre.

Ajouter une section Menu

Dans « My App », Structure, cliquez sur « Add a section »… recherchez menu, puis choisissez Menu.

Nommez-la d'après ce qu'elle regroupe, jusqu'à 32 caractères. Ici, « Watch & listen », pour nos sections audio et vidéo. Cliquez ensuite sur Add.

La section Menu s'ajoute à la fin de votre menu. Elle est vide au départ, comme le montre l'aperçu.

La remplir de sections

Pour y placer une section, faites-la glisser juste sous la ligne de la section Menu, comme « River Daily Live » ici… et déposez-la. Elle descend d'un niveau, dans « Watch & listen ».

Pour une section plus haut dans la liste, cliquez sur les points en fin de ligne, puis sur Settings… et sous « Tree structure », déplacez la section dans « Watch & listen ».

Cliquez sur Save, et faites de même pour « Video news ».

« Watch & listen » contient désormais trois sections, affichées dans l'ordre de l'arborescence.

Le design

Pour son design, ouvrez la section Menu et cliquez sur « Edit the design ».

Choisissez un modèle pour régler l'affichage des sections.

List les présente en lignes, avec leurs titres.

Visual, le modèle par défaut, donne à chaque section une grande image, avec son titre par-dessus.

Sous Pictures, chaque section a d'abord une image par défaut. Supprimez-la… puis importez la vôtre avec Browse, ou ouvrez Library.

Library cherche parmi les photos gratuites de Pexels. Choisissez-en une, et la voilà en place.

L'aperçu l'affiche aussitôt. Faites de même pour chaque section.

Ensuite, sous « Position on the images », placez les titres… ici en bas à gauche, pour que chaque image reste bien visible.

Niveaux et limites

Le bouton + de sa ligne ajoute une nouvelle section directement dedans… même une autre section Menu, pour un niveau de plus. Les sections Menu s'imbriquent jusqu'à quatre niveaux.

Chaque section compte dans la limite de 120 sections de votre app, section Menu comprise, où qu'elle se trouve.

Dans l'app

Dans l'aperçu, « Watch & listen » termine désormais la liste derrière les trois points, à la place des trois sections qu'elle contient.

Cliquez dessus : la section Menu s'ouvre sur ses trois sections.

Chacune s'ouvre comme d'habitude, et Back ramène à la section Menu.

Votre section Menu n'arrive dans votre app qu'une fois publiée, avec « Publish my project ».