Contrôle Caméra dans Power Apps

  • Article

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

Description

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

Appuyez ou sélectionnez le contrôle Caméra pour capturer une image à partir de l’appareil photo.

La dernière photo capturée est disponible via la propriété Photo. Avec cette propriété, les images peuvent être :

  • Vues avec le contrôle Image. Utilisez le contrôle Image pour afficher l’image capturée. Pour plus d’informations, voir les exemples.
  • Insérez temporairement une variable ou une collection. Utilisez les fonctions Set ou Collect pour stocker des images dans une variable ou une collection. Soyez prudent lorsque vous utilisez plusieurs images dans une collection en même temps que la mémoire limitée de l’appareil. Utilisez les fonctions SaveDataet LoadData pour déplacer les images vers le stockage local sur l’appareil et pour les scénarios hors ligne.
  • Stockées dans une base de données. Utilisez la fonction Patch pour stocker des images dans une base de données.
  • Transmis sous forme de chaîne de texte encodée en base64. Utilisez la fonction JSON pour coder les images en base64.

Utilisez les propriétés Stream, StreamRate et OnStream pour capturer automatiquement des images sur une minuterie, par exemple prendre une photo toutes les minutes pour créer une séquence avec délai.

Le média capturé est référencé par une chaîne de texte URI. Pour plus d’informations, consultez la documentation de Microsoft.

Notes

  • Le contrôle Caméra est pris en charge uniquement sur les navigateurs Microsoft Edge, Chrome, Firefox et Opera ; et sur les appareils Android et iOS. Tous les autres navigateurs et plateformes afficheront 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 en résolution maximale, utilisez le contrôle Ajouter une image plutôt.
  • Selon la marque et le modèle de votre appareil mobile, l’appareil photo de l’appareil peut prendre quelques secondes pour s’initialiser lors de l’utilisation du contrôle Caméra.

Propriétés clés

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

Le tableau contient deux colonnes :

  • Le numéro Id à utiliser avec la propriété Caméra
  • Le Nom fourni par l’appareil pour identifier la caméra. Certaines plateformes peuvent inclure Avant ou Arrière pour aider à localiser la caméra.

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

Caméra : l’identifiant numérique de la caméra à 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 de mise à jour de l’image de la propriété Stream, en millisecondes. Cette valeur peut être comprise entre 100 (1/10 de seconde) et 3 600 000 (1 heure).

Propriétés supplémentaires

AccessibleLabel : Étiquette pour les lecteurs d’écran. Doit décrire l’objectif de prise d’une image.

BorderColor : couleur de bordure du contrôle.

BorderStyle : indique si la bordure d’un contrôle est unie, discontinue, en pointillés ou s’il n’y en a aucune.

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

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

Contrast : facilité avec laquelle l’utilisateur peut faire la distinction entre des couleurs similaires dans une image.

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

FocusedBorderColor : couleur de bordure d’un contrôle lorsque le contrôle est actif.

FocusedBorderThickness : épaisseur de bordure d’un contrôle lorsque le contrôle est actif.

Height : distance entre le haut et le bas d’un contrôle.

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

TabIndex : ordre de navigation à l’aide du 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 est visible ou est masqué.

Width : distance entre les côtés droit et gauche d’un contrôle.

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

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

Exemples

Pour ces exemples, vous aurez besoin d’un appareil avec un appareil photo. Pour tester votre application, utilisez une webcam accessible depuis votre navigateur. Ou en enregistrant votre application et en la chargeant dans un appareil iOS or Android équipé d’une caméra.

Affichage simple d’une image capturée

  1. Ajouter un contrôle Caméra.

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

  3. Ajouter un contrôle Image.

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

    Camera1.Photo

    Notes

    Remplacez le nom du contrôle Caméra Camera1, le cas échéant.

  5. Appuyez sur F5 pour prévisualiser votre application.

  6. Prenez une photo en sélectionnant ou en appuyant sur le contrôle Caméra. Vous devriez voir le résultat dans votre contrôle Image.

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

    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. Ajouter un contrôle Galerie verticale. Puis redimensionnez son contrôle Image, son modèle et le contrôle Image gallery lui-même pour les ajuster à l’écran.

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

    MyPix

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

    ThisItem.Url

    La photo que vous avez prise apparaît dans le contrôle Image gallery.

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

  7. (En option) Définissez la propriété OnSelect du contrôle Image dans le contrôle Image gallery sur la formule suivante :

    Remove( MyPix, ThisItem )

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

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

Changer la caméra active dans une liste déroulante

  1. Ajouter un contrôle Caméra.

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

  3. Ajouter un contrôle Liste déroulante.

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

    Camera1.AvailableDevices

    Notes

    Remplacez le nom du contrôle Caméra Camera1, le cas échéant.

  5. Définissez la propriété Caméra de l’appareil photo sur :

    Dropdown1.Selected.Id

    Notes

    Remplacez le nom du contrôle Liste déroulante Dropdown1, le cas échéant.

  6. Appuyez sur F5, puis sélectionnez un élément dans la liste déroulante pour changer la caméra.

Instructions d’accessibilité

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

Alternatives en vidéo

Envisagez d’ajouter une autre forme d’entrée pour les utilisateurs présentant un handicap visuel. Par exemple, le contrôle Ajouter 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 FocusedBorderColor 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 ou supérieur à zéro afin que les utilisateurs du clavier puissent y accéder.

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

Voir aussi

Limitations des contrôles dans Power Apps

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).