Contrôle Caméra

Photo avec Power Apps

Vous allez apprendre à créer une application pour prendre une photo avec Power Apps. La photo sera stockée dans une collection de données, puis exposée dans une galerie.

Elle pourra aussi être supprimée à la demande.

Pour vous aider, regardez la copie d’écran ci-dessous qui présente le résultat attendu (à la photo près !).

Prendre une photo avec Power Apps
Prendre une photo avec Power Apps

Si vous rencontrez des erreurs dans les manipulations ci-dessous, lisez l’article qui explique comment débuguer les erreurs dans Power Apps.

Gardez à l’esprit que l’interface a pu évoluer fortement depuis que cet article a été rédigé.

Créer une application Power Apps pour prendre une photo avec Power Apps

Vous allez créer une application Power Apps pour prendre une photo avec Power Apps.

Pour ce faire, ouvrez le site web Microsoft Power Apps.

https://make.powerapps.com/

Ensuite, dans le volet de navigation (à gauche), cliquez sur Applications.

Puis, dans la bannière du volet central (en haut), cliquez sur Nouvelle application (en haut, vers la gauche).

Ensuite, dans le menu qui s’affiche, cliquez sur : Zone de dessin.

Puis, dans le volet central du nouvel onglet, cliquez sur Mode téléphone sous Application vide.

Notez que vous auriez pu aussi bien choisir la disposition de la tablette sous Application vide, car les manipulations sont strictement identiques. Il s’agit d’un choix purement arbitraire.

Enregistrer et renommer l’application photo avec Power Apps

Vous allez enregistrer et renommer l’application photo avec Power Apps.

Pour ce faire, cliquez sur le ruban Fichier puis dans le volet de gauche, cliquez sur Enregistrer.

Ensuite, dans le volet central (vers la droite), remplacez le nom de l’application (« Application ») par canPhotos.

Notamment, en bas et à droite de l’écran, cliquez sur le bouton Enregistrer.

Si vous ne voyez pas le bouton Enregistrer, c’est parce que vous êtes dans les Paramètres de l’application. Dans ce cas, cliquez sur Enregistrer.

Enfin, cliquez sur la flèche en haut et à gauche pour revenir à l’accueil.

Insérer un contrôle Camera

Vosu allez insérer un contrôle Camera dans l’application Power Apps pour prendre une photo.

Pour ce faire, ajoutez un contrôle Caméra.

Si un pop-up vous indique que Power Apps souhaite utiliser votre caméra, cliquez sur le bouton Autoriser.

Pour vous aider, regardez la copie d’écran ci-dessous.

Ensuite, créez une collection nommée mesPhotos alimentée par la propriété Photo de la caméra, lorsque l’utilisateur sélectionnera ou appuiera sur le contrôle Camera :

Camera1.OnSelect = Collect(mesPhotos;Camera1.Photo)

Insérer un contrôle Galerie

Vous allez insérer un contrôle Galerie afin d’afficher les photos prises avec l’application Power Apps.

Pour ce faire, ajoutez un contrôle Galerie vertical : dès qu’il est inséré, cliquez sur mesPhotos dans le volet Mes sources. Cela revient à faire manuellement :

Gallery1.Items = mesPhotos

Ensuite, déplacez vers le bas le contrôle Galerie.

Puis, dans le volet Propriétés du contrôle Galerie, modifiez la disposition en Image et titre.

Ensuite, supprimez le contrôle NextArrow, qui ne sert à rien dans cette application.

Le titre contient par défaut l’URL de l’élément en cours. Ce qui ne nous sert pas.

Par ailleurs, vous souhaitez que votre utilisateur, supprime une image.

Pour ce faire, modifiez la propriété Text du titre par Supprimer.

Gallery1.Title2.Text = "Supprimer"

Ensuite, modifiez la propriété OnSelect du titre pour effectuer la suppression.

Gallery1.Title2.OnSelect = Remove(mesPhotos;ThisItem)

Par ailleurs, il serait tout à fait possible d’implémenter un pop-up de confirmation avant la validation de la suppression. C’est d’ailleurs fait dans le Créer un pop-up de confirmation dans Power Apps.

Tester l’application photo avec Power Apps

Vous allez tester l’application photo avec Power Apps.

Pour ce faire, appuyez sur la touche F5 de votre clavier.

Pour l’instant, il est normal que le contrôle Galerie soit vide car la collection mesPhotos n’a aucune valeur.

Ensuite, cliquez plusieurs fois sur le contrôle Caméra.

Puis, supprimez aussi une ou deux photos.

Pour vous aider, regardez la copie d’écran ci-dessous.

Photos de la galerie
Photos de la galerie

La manipulation est terminée.

Résumé

Dans cette manipulation, vous avez découvert comment prendre des photos avec Power Apps

Ces photos étaient stockées dans une collection de données, puis exposées dans une galerie que vous avez personnalisée.

Vous avez aussi permis de supprimer les photos par un simple clic.

Maintenant, il reste à fournir quelques efforts supplémentaires avant de développer une application mobile comme Instagram 😉

Pour aller plus loin

Power Apps permet de créer des applications géolocalisées.

Vous pouvez aussi créer des applications Power Apps qui manipulent le stylet pour saisir une signature électronique, ou affichent des graphiques.

Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *