Contrôles Forme et Icône dans Power Apps

  • Article

Images pour lesquelles vous pouvez configurer des propriétés d’apparence et de comportement.

Description

Ces contrôles incluent des flèches, des formes géométriques, des icônes d’action et des symboles pour lesquels vous pouvez configurer des propriétés telles que le remplissage, la taille et l’emplacement. Vous pouvez également configurer leur propriété OnSelect de sorte que l’application réagisse lorsque l’utilisateur sélectionne le contrôle.

Propriétés clés (icônes et formes)

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

OnSelect  : actions à effectuer lorsque l’utilisateur sélectionne un contrôle.

Propriétés clés (icônes uniquement)

Icône : le type d’icône à afficher (par exemple, ArrowDown ou ShoppingCart).

Rotation : nombre de degrés pour faire pivoter l’icône.

Color : la couleur de l’icône par nom ou valeurs RGBA.

Propriétés supplémentaires

AccessibleLabel  : Étiquette pour les lecteurs d’écran.

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.

HoverFill  : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.

PressedBorderColor  : couleur de bordure d’un contrôle lorsque l’utilisateur le sélectionne.

PressedFill  : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur le sélectionne.

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

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 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 connexes

Navigate( ScreenName, ScreenTransition )

Exemple

  1. Nommez le contrôle Écran par défaut Target, ajoutez un contrôle Étiquette et définissez sa propriété Texte de façon à afficher Target.

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

  2. Ajoutez un contrôle Écran et nommez-le Source.

  3. Dans Source, ajoutez un contrôle Forme et définissez sa propriété OnSelect sur la formule suivante :

Navigate(Target, ScreenTransition.Fade)

  1. Appuyez sur F5, puis sélectionnez le contrôle Forme.

    L’écran Target s’affiche.

  2. (Facultatif) Appuyez sur ÉCHAP pour revenir à l’espace de travail par défaut, ajoutez un contrôle Forme à Cible et définissez la propriété OnSelect du contrôle Forme sur la formule suivante :

Navigate(Source, ScreenTransition.Fade)

Instructions d’accessibilité

Contraste des couleurs

Les éléments suivants s’appliquent uniquement aux graphiques utilisés comme des boutons ou qui ne sont pas seulement décoratifs.

Pour les icônes :

Pour les formes avec bordures :

Pour les formes sans bordure :

  • Fill et la couleur en dehors du contrôle
  • PressedFill et la couleur en dehors du contrôle (s’il est utilisé comme un bouton)
  • HoverFill et la couleur en dehors du contrôle (s’il est utilisé comme un bouton)

Prise en charge du lecteur d’écran

  • AccessibleLabel doit être définie pour les graphiques importants.

  • Si le graphique est destiné à la décoration ou fournit des informations redondantes, laissez AccessibleLabel vide ou définissez-la sur la chaîne vide "". Les lecteurs d’écran ignoreront ces graphiques.

Par exemple, vous pouvez placer une icône Cadenas à côté d’une Étiquette indiquant Ce formulaire ne peut pas être modifié. Vous n’avez pas besoin d’une AccessibleLabel pour icône, car l’Étiquette explique déjà son sens.

Important

Si TabIndex est égal ou supérieur à zéro, l’icône ou la forme devient un bouton. Son apparence ne change pas, mais les lecteurs d’écran le considèrent comme un bouton. Ils n’ignorent pas le contrôle, même si AccessibleLabel est vide. Si TabIndex est inférieur à zéro, les lecteurs d’écran considèrent l’icône ou la forme comme une image.

Prise en charge du clavier

  • TabIndex doit être égal ou supérieur à zéro, si le graphique est utilisé en tant comme un bouton. Les utilisateurs du clavier peuvent y accéder.

  • Les indicateurs de focus doivent être clairement visibles, si le graphique est utilisé comme un bouton. Pour ce faire, utilisez FocusedBorderColor et FocusedBorderThickness.

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é).