Voici comment insérer un diaporama dans votre application Glide.

Vous aurez beau chercher partout, il est impossible de trouver un composant diaporama dans Glide, pourtant la fonction existe bien, explications...

Subscribe to my newsletter and never miss my upcoming articles

Même si nativement rien n'est prévu, avec cette petite astuce, il sera très facile pour vous d'enrichir vos applications en ajoutant un composant diaporama ou slideshow dans vos créations.

La technique

Il vous suffit de créer des colonnes de même nom en les incrémentant de 1. Par exemple, lors du tutoriel j'ai utilisé diapo 1, diapo 2, diapo 3 pour nommer mes trois colonnes.

Glide reconnaîtra alors une relation entre vos trois colonnes et compilera celles-ci en une seule et même colonne.

Une fois effectué, il en vous reste plus qu'à ajouter un composant image dans votre application avec comme data source, la colonne de type relation générée automatiquement.

screenshot-go.glideapps.com-2021.02.15-13_04_25.png

Astuce : si vous n'avez pas d'URL pour vos photos et que vous voulez les uploader, je vous recommande de passer par l'éditeur de données de Glide. Commencez par ajouter vos trois photos et ensuite seulement renommez vos colonnes.

Optimiser

Pour avoir un rendu agréable, je vous conseille d'utiliser des images qui ont les mêmes proportions, c’est-à-dire soit horizontales, soit verticales. Cela permettra d'avoir une vraie cohérence.

Et si vous n'êtes pas en mesure de contrôler le format des images, il est conseillé d'utiliser le format carré qui sera le compromis idéal entre les photos horizontales et verticales

Aller plus loin

Vous avez la possibilité d'activer l'ouverture en plein écran de votre image lors d'un clic de l'utilisateur. Pour se faire, sélectionnez votre composant image, puis allez dans les options de celui-ci. Vous aurez accès alors à la partie "action" qui permet de choisir ce qu'il doit se passer lorsqu'on clique sur l'image. Dans notre cas, sélectionnez "enlarge image" pour permettre l'affichage en plein écran.

screenshot-go.glideapps.com-2021.02.15-13_15_18.png

En vidéo

Vous quelque chose vous à échapper, si vous êtes bloqué, n'hésitez pas à me contacter ou laisser un commentaire. Je me ferais un plaisir de vous aider !

No Comments Yet