Partager via

Contrôle de caméra dans Power Apps

Contrôle qui permet aux utilisateurs de prendre des photos à l’aide de l’appareil photo sur un appareil.

Descriptif

Utilisez le contrôle Caméra pour capturer des images avec l’appareil photo d’un appareil. L’appareil doit avoir une caméra et l’utilisateur doit autoriser l’application à utiliser l’appareil photo.

Sélectionnez le contrôle de l’appareil photo pour capturer une image à partir de l’appareil photo.

L’image capturée la plus récente est disponible via la propriété Photo . Avec cette propriété, les images peuvent être :

  • Vue avec le contrôle Image. Utilisez le contrôle Image pour afficher l’image capturée. Pour plus d’informations, consultez les exemples.
  • Placez temporairement une variable ou une collection. Utilisez les fonctions Set ou Collect pour stocker des images dans une variable ou une collection. Utilisez une prudence lors de l’utilisation de plusieurs images dans une collection en même temps que la mémoire limitée de l’appareil. Utilisez les fonctions SaveData et LoadData pour déplacer des images vers le stockage local sur l’appareil et pour les scénarios hors connexion.
  • Stocké dans une base de données. Utilisez la fonction Patch pour stocker des images dans une base de données.
  • Transmis en tant que chaîne de texte encodée en base64. Utilisez la fonction JSON pour encoder des images en base64.

Utilisez les propriétés Stream, StreamRate et OnStream pour capturer automatiquement des images sur un minuteur, par exemple l’alignement d’une image toutes les minutes pour créer une séquence d’expiration de temps.

Le média capturé est référencé par un URI de chaîne de texte. Pour plus d’informations, consultez la documentation sur le type de données.

Note

  • Le contrôle de caméra est uniquement pris en charge sur les navigateurs Microsoft Edge, Chrome, Firefox et Opera ; et les appareils Android et iOS. Tous les autres navigateurs et plateformes affichent un avertissement indiquant que certaines fonctionnalités de l’application ne fonctionneront pas.
  • Les images générées par le contrôle caméra ont une résolution maximale de 640 x 480 px. Si vous avez besoin d’images de résolution complète, utilisez plutôt le contrôle Ajouter une image .
  • Selon la fabrique et le modèle de votre appareil mobile, la caméra de l’appareil peut prendre quelques secondes pour s’initialiser lors de l’utilisation du contrôle de l’appareil photo.

Limites

Le contrôle de caméra présente les limitations suivantes :

  1. Lorsque vous utilisez le contrôle caméra, l’image ne contient pas d’informations sur les métadonnées. Cela est dû à une limitation de la façon dont nous prenons des images avec l’appareil photo. Pour atténuer ce problème, utilisez le contrôle Ajouter une image
  2. Si votre appareil mobile est faible en mémoire, l’appareil photo est temporairement désactivé pour éviter le blocage de l’appareil.
  3. Power Apps pour Windows peut se bloquer si vous ouvrez une application qui utilise un contrôle de caméra. Pour éviter ce problème, utilisez le lecteur web sur la plateforme Windows. En outre, plusieurs caméras ne sont pas prises en charge.

Propriétés principales

AvailableDevices : tableau des caméras disponibles sur l’appareil.

La table contient deux colonnes :

  • Numéro d’ID à utiliser avec la propriété Camera
  • Nom fourni par l’appareil pour identifier l’appareil photo. Certaines plateformes peuvent inclure Front ou Back pour aider à localiser l’appareil photo.

Remarque : Tous les appareils du tableau ne peuvent pas être utilisables dans votre application. Certains peuvent être des pilotes ou applications spécialisés destinés à des fins spécifiques.

Caméra : ID numérique de l’appareil photo à utiliser. Utile sur les appareils avec plusieurs caméras.

OnStream : actions à effectuer lorsque la propriété Stream est mise à jour.

Photo : image capturée lorsque l’utilisateur prend une photo.

Stream : image mise à jour automatiquement en fonction de la propriété StreamRate .

StreamRate : fréquence à laquelle mettre à jour l’image sur la propriété Stream , en millisecondes. Cette valeur peut aller de 100 (1/10e d’une seconde) à 3 600 000 (1 heure).

Propriétés supplémentaires

AccessibleLabel : étiquette pour les lecteurs d’écran. Doit décrire l’objectif de prendre une photo.

BorderColor : couleur de la bordure d’un contrôle.

BorderStyle : indique si la bordure d’un contrôle est Solid, Dashed, Dotted ou None.

BorderThickness : épaisseur de la bordure d’un contrôle.

Luminosité : quantité de lumière que l’utilisateur est susceptible de percevoir dans une image.

Contraste : comment l’utilisateur peut distinguer facilement les couleurs similaires dans une image.

DisplayMode : indique si le contrôle autorise l’entrée utilisateur (Modifier), affiche uniquement les données (Affichage) ou est désactivé (Désactivé).

FocusBorderColor : couleur de la bordure d’un contrôle lorsque le contrôle est concentré.

FocusBorderThickness : épaisseur de la bordure d’un contrôle lorsque le contrôle est concentré.

Hauteur : distance entre les bords supérieurs et inférieurs d’un contrôle.

OnSelect : actions à effectuer lorsque l’utilisateur appuie ou clique sur un contrôle.

TabIndex : ordre de navigation clavier par rapport à d’autres contrôles.

Info-bulle : texte explicatif qui s’affiche lorsque l’utilisateur pointe sur un contrôle.

Visible : indique si un contrôle apparaît ou est masqué.

Largeur : distance entre les bords gauche et droit d’un contrôle.

X : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent ou de son écran.

Y : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent ou de l’écran.

Examples

Pour ces exemples, vous aurez besoin d’un appareil avec une caméra. Pour tester votre application, utilisez une cam web accessible à partir de votre navigateur. Ou en enregistrant votre application et en la chargeant dans un appareil iOS ou Android avec une caméra.

Affichage simple d’une image capturée

  1. Ajoutez un contrôle Caméra .

  2. Autorisez l’application à utiliser l’appareil photo de l’appareil si vous y êtes invité.

  3. Ajoutez un contrôle Image .

  4. Définissez la propriété Image du contrôle Image sur la formule suivante :

    Camera1.Photo

    Note

    Remplacez le nom de la caméra Camera1 comme il convient.

  5. Appuyez sur F5 pour afficher un aperçu de votre application.

  6. Prenez une photo en sélectionnant ou en appuyant sur le contrôle de l’appareil photo. Vous devez voir le résultat dans votre contrôle d’image.

  1. Ajoutez un contrôle Caméra , nommez-le MyCamera et définissez sa propriété OnSelect sur cette formule :

    Collect( MyPix, MyCamera.Photo )

    Pour plus d’informations :

  2. Appuyez sur F5, puis prenez une photo en sélectionnant ou en appuyant sur MyCamera.

  3. Ajoutez un contrôle de galerie verticale . Puis redimensionnez son contrôle Image , son modèle et la galerie d’images lui-même pour s’adapter à l’écran.

  4. Définissez la propriété Items du contrôle Galerie d’images sur cette formule :

    MyPix

  5. Définissez la propriété Image du contrôle Image dans la galerie sur cette formule :

    ThisItem.Url

    L’image que vous avez prise apparaît dans le contrôle Galerie d’images.

  6. Prenez autant d’images que vous le souhaitez, puis revenez à l’espace de travail par défaut en appuyant sur Échap.

  7. (facultatif) Définissez la propriété OnSelect du contrôle Image dans le contrôle Galerie d’images sur la formule :

    Remove( MyPix, ThisItem )

  8. Appuyez sur F5, puis sélectionnez une image pour la supprimer.

Utilisez la fonction SaveData pour enregistrer les images localement ou la fonction Patch pour mettre à jour une source de données.

Modifier la caméra active à partir d’une liste déroulante

  1. Ajoutez un contrôle Caméra .

  2. Autorisez l’application à utiliser l’appareil photo de l’appareil si vous y êtes invité.

  3. Ajoutez un contrôle déroulant .

  4. Définissez la propriété Items de la liste déroulante sur :

    Camera1.AvailableDevices

    Note

    Remplacez le nom de la caméra Camera1 comme il convient.

  5. Définissez la propriété Caméra de la caméra sur :

    Dropdown1.Selected.Id

    Note

    Remplacez le nom du contrôle déroulant Dropdown1 selon les besoins.

  6. Appuyez sur F5, puis sélectionnez un élément dans la liste déroulante pour modifier l’appareil photo.

Conseils sur l’accessibilité

Le contrôle de l’appareil photo affiche le flux de caméra et fonctionne également comme un bouton qui prend une photo. Par conséquent, il existe des considérations d’accessibilité similaires à celles des boutons.

Alternatives vidéo

Envisagez d’ajouter une autre forme d’entrée pour les utilisateurs présentant un handicap visuel. Par exemple, ajoutez une image pour permettre aux utilisateurs de charger une image à partir de leur appareil.

Contraste des couleurs

Il doit y avoir un contraste de couleur adéquat entre FocusBorderColor et la couleur extérieure.

Prise en charge du lecteur d’écran

AccessibleLabel doit être présent.

Prise en charge du clavier

  • TabIndex doit être égal à zéro ou supérieur afin que les utilisateurs du clavier puissent y accéder.

  • Les indicateurs de focus doivent être clairement visibles. Utilisez FocusBorderColor et FocusBorderThickness pour mettre à jour la visibilité des indicateurs de focus.

Voir aussi

Limitations des contrôles dans Power Apps

  • Last updated on