Contrôle d’entrée de stylet dans Power Apps

Contrôle dans lequel l’utilisateur peut dessiner, effacer et mettre en surbrillance des zones d’une image.

Descriptif

L’utilisateur peut utiliser ce contrôle comme un tableau blanc, dessiner des diagrammes et écrire des mots qui peuvent être convertis en texte typé.

Limites

Le contrôle d’entrée de stylet présente les limitations suivantes :

• Le contrôle stylet prend uniquement en charge le dessin à l’aide d’une souris ou d’une entrée tactile dans l’application Windows. Les traits peuvent être intermittents. Pour un dessin lisse, utilisez un stylet ou exécutez l’application dans un navigateur.

Propriétés principales

Image : propriété de sortie qui représente l’image dessinée par l’utilisateur final.

Couleur : couleur des traits d’entrée.

Mode : le contrôle est en mode Dessin ou Effacer . Le mode Sélectionner a été déconseillé.

Propriétés supplémentaires

AccessibleLabel : étiquette pour les lecteurs d’écran. Peut être utilisé pour décrire l’objectif du contrôle ainsi que d’autres méthodes d’entrée.

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.

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

Remplissage : couleur d’arrière-plan d’un contrôle.

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

Entrée : déconseillée. Indique si l’entrée prend en charge les entrées souris, stylet ou tactile. La valeur par défaut (7) prend en charge les trois.

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

SelectionColor : couleur de texte d’un élément ou d’un élément sélectionné dans une liste ou la couleur de l’outil de sélection dans un contrôle de stylet.

SelectionThickness : épaisseur de l’outil de sélection pour un contrôle d’entrée de stylet.

ShowControls : indique si un lecteur audio ou vidéo affiche, par exemple, un bouton de lecture et un curseur de volume, et un contrôle de stylet affiche, par exemple, des icônes pour le dessin, l’effacement et l’effacement.

Taille : taille de police du texte qui apparaît sur un contrôle.

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 l’écran à défaut de conteneur parent).

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

Fonctions associées

Collect( CollectionName, DatatoCollect )

Example

Créer un ensemble d’images

1. Ajoutez un contrôle d’entrée de stylet , nommez-le MyDoodles et définissez sa propriété ShowControls sur true.

   Vous ne savez pas comment ajouter, nommer et configurer un contrôle ?

2. Ajoutez un contrôle Button , déplacez-le sous MyDoodles et définissez la propriété Text du contrôle Button pour afficher Ajouter.

3. Définissez la propriété OnSelect du contrôle Button sur cette formule :
   Collect(Doodles, {Sketch :MyDoodles.Image})

4. Ajoutez un contrôle galerie d’images, déplacez-le sous le contrôle Button et réduisez la largeur du contrôle Galerie d’images jusqu’à ce qu’il affiche trois éléments.

5. Définissez la propriété Itemsdu contrôle Galerie d’images sur Doodles, puis appuyez sur F5.

6. Dessinez une image dans MyDoodles, puis cliquez ou appuyez sur le contrôle Bouton .

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

7. (facultatif) Dans le contrôle d’entrée de stylet , cliquez ou appuyez sur l’icône pour effacer l’image que vous avez dessinée, dessiner une autre image, puis cliquez ou appuyez sur le contrôle Bouton .

8. Dans le contrôle Galerie d’images, définissez la propriété OnSelect du contrôle Image sur cette formule :
   Remove(Doodles, ThisItem)

9. Supprimez un dessin en cliquant ou en appuyant dessus dans le contrôle Galerie d’images .

Utilisez la fonction SaveData pour enregistrer vos dessins localement ou la fonction Patch pour les enregistrer dans une source de données.

Conseils sur l’accessibilité

Contraste des couleurs

Il doit y avoir un contraste de couleur adéquat entre :

• BorderColor et couleur en dehors du contrôle (s’il existe une bordure)
• Remplir et la couleur en dehors du contrôle (s’il n’y a pas de bordure)

Prise en charge du lecteur d’écran

• AccessibleLabel doit être présent.

  Important

  L’entrée du stylet n’est pas accessible aux utilisateurs du lecteur d’écran. Fournissez toujours une autre forme d’entrée. Par exemple, si un croquis est nécessaire, envisagez d’ajouter un contrôle Ajouter une image pour permettre aux utilisateurs de charger une image. Les deux méthodes peuvent être proposées et l’utilisateur peut choisir celui qu’il est plus à l’aise avec.

Prise en charge du clavier