Comment afficher une galerie de photos ?

La galerie photo

Une galerie photo affiche vos propres images dans une section de votre app. Importez-les depuis votre ordinateur, ajoutez titres et légendes, choisissez leur ordre et une mise en page adaptée.

Ajouter une section Photos

Dans « My App », Structure, cliquez sur « Add a section » à la fin du Menu… puis recherchez photo pour trouver la carte Photos.

Survolez-la pour voir les écrans qu'elle ajoute : la liste et une photo ouverte en plein écran. Cliquez sur Add.

Nommez la section. Laissez la mise en page telle quelle : vous pourrez la changer dans « Edit the design ». Puis cliquez sur Add.

Elle rejoint votre menu, encore vide.

Importer vos photos

Ouvrez-la : l'Album contient les photos. Cliquez sur « Edit the content ».

« Add a photo » ouvre les fichiers de votre ordinateur : sélectionnez-en plusieurs à la fois.

Attendez la fin de l'import… vos photos arrivent avec le statut Published et leur nom de fichier pour titre. Nommez vos fichiers avant l'import, ou renommez-les ici.

Titres et légendes

Cliquez sur un titre pour le modifier… et ajoutez une légende de la même façon. Les deux s'enregistrent aussitôt.

Dans l'app, une photo s'ouvre en plein écran, avec son titre et sa légende.

Ordre et visibilité

Déplacez une photo en la faisant glisser : votre app les affiche dans cet ordre.

Pour masquer une photo sans la supprimer, passez-la en « Not listed »… elle quitte la galerie jusqu'à ce que vous la remettiez en Published.

Avec beaucoup de photos, la vue liste affiche leur position. Cochez-en plusieurs pour changer leur statut, ou les supprimer, en une fois.

Personnaliser le design de votre galerie

Dans « Edit the design », « Visual Card » affiche une carte par photo, avec son titre.

« Thumbnail format » règle la forme des photos, ou conserve leur forme d'origine.

Square crée une grille de photos carrées… et Ratio, une grille où chaque photo garde sa forme.

Toolbar définit les actions proposées sur une photo : Share, Comments et Favorites. Donnez aux icônes une couleur qui ressort sur votre header.

Preview les affiche sur une photo.

Vos photos sont en ligne dès leur import. Une nouvelle section n'apparaît dans votre app publiée qu'après publication, avec « Publish my project ».