Saisie et affichage des données avec des contrôles de texte

Dans Power Apps, les contrôles de texte sont utilisés pour toutes sortes de raisons, par exemple pour afficher un texte, des chiffres, des dates et calculer des devises. Par exemple, vous pouvez calculer la valeur de deux contrôles de saisie de texte et afficher les résultats dans un contrôle Label.

Vous pouvez intégrer plusieurs contrôles de texte à votre application. Chacun de ces contrôles est destiné à des usages légèrement différents. Par exemple, vous créez une application afin de mener une enquête auprès des collaborateurs et souhaitez recueillir leurs commentaires. Dans ce scénario, vous utilisez le contrôle Text input et définissez la propriété Mode sur Multiligne au lieu d’utiliser une seule ligne. Comme toutes vos applications comportent probablement des contrôles de texte, il est recommandé de vous familiariser avec ces contrôles lorsque vous développez votre application. La liste suivante décrit en détail les différents contrôles de texte disponibles :

  • Label : contrôle affichant les données que vous spécifiez sous forme de chaîne littérale de texte qui s’affiche exactement telle que vous la saisissez, ou sous forme de formule qui prend la valeur d’une chaîne de texte. Les libellés s’affichent souvent en dehors de tout autre contrôle (par exemple, une bannière identifiant un écran), en tant que libellé identifiant un autre contrôle (par exemple, un contrôle d’évaluation ou audio), ou dans une galerie pour afficher un type spécifique d’informations sur un élément.

  • Text input : zone dans laquelle l’utilisateur peut saisir du texte, des chiffres et d’autres données. Par exemple, un utilisateur peut spécifier des données en tapant directement dans un contrôle Text input. Selon la configuration de votre application, ces données peuvent être ajoutées à une source de données permettant de calculer une valeur temporaire, ou intégrées d’une autre manière.

  • HTML text : contrôle affichant non seulement le texte brut et des chiffres, mais convertissant aussi les balises HTML telles que des espaces insécables.

  • Rich text editor : contrôle fournissant à l’utilisateur de l’application une zone de modification WYSIWYG pour la mise en forme du texte. Ce contrôle doit être utilisé si vous souhaitez autoriser l’utilisateur à fournir des listes numérotées ou des listes à puces. Un bon exemple est une application Power Apps permettant de collecter le contenu d’un article ou d’un bulletin d’informations, pour laquelle vous autorisez l’utilisateur à ajouter un texte mis en forme et éventuellement utile à la personne qui compile cet article.

  • Pen input : contrôle dans lequel l’utilisateur peut dessiner, effacer et surligner les zones d’une image. L’utilisateur peut utiliser ce contrôle comme un tableau blanc afin d’y dessiner des diagrammes et d’écrire des termes pouvant être convertis en texte dactylographié.

Examinons plus en détail le contrôle Label et quelques exemples afin de mieux comprendre son fonctionnement.

Commençons par ajouter un contrôle Label pour afficher un texte.

  1. Dans Power Apps Studio, ajoutez un contrôle Label.

  2. Définissez la propriété Text du contrôle Label sur "Hello, world" (en incluant les doubles guillemets).

Créez ensuite une solution plus dynamique en combinant un bouton, une galerie et plusieurs contrôles Label. Dans ce scénario, vous allez créer une collection appelée CityPopulations qui contient les données relatives à la population de différentes villes d’Europe. Ensuite, vous allez afficher ces données dans une galerie contenant trois libellés et spécifier le type de données présenté par chaque libellé.

  1. Ajoutez un bouton, puis définissez sa propriété OnSelect sur la formule suivante :
ClearCollect(CityPopulations, {City:"London", Country:"United
Kingdom", Population:8615000}, {City:"Berlin",
Country:"Germany", Population:3562000}, {City:"Madrid",
Country:"Spain", Population:3165000}, {City:"Rome",
Country:"Italy", Population:2874000}, {City:"Paris",
Country:"France", Population:2273000}, {City:"Hamburg",
Country:"Germany", Population:1760000}, {City:"Barcelona",
Country:"Spain", Population:1602000}, {City:"Munich",
Country:"Germany", Population:1494000}, {City:"Milan",
Country:"Italy", Population:1344000})
  1. Maintenez enfoncée la touche Alt, puis sélectionnez le contrôle Button. (Vous allez ainsi créer votre collection et y stocker toutes les informations.)

  2. Ajoutez une galerie verticale vide et définissez sa propriété Items sur CityPopulations.

  3. Une fois la galerie sélectionnée, dans le volet droit, modifiez la disposition vide en sélectionnant Titre, sous-titre et corps.

  4. Sélectionnez le libellé supérieur ou le premier libellé : dans la propriété Text, la valeur par défaut affiche par exemple ThisItem.City et vous pouvez remplacer cette valeur par le texte de votre choix. Pour en savoir plus sur l’opérateur ThisItem, consultez Capture d’écran d’opérateurs et de types de données dans Power Apps pour la propriété Text.

  5. Sélectionnez le libellé du milieu (deuxième libellé), qui s’affiche sous la forme ThisItem.Country.

  6. Sélectionnez le dernier (troisième) libellé, puis définissez la propriété Text sur ThisItem.Population.

Capture d’écran des options du menu Image de la galerie pour la propriété Text

Ce ne sont que deux exemples simples montrant certaines fonctionnalités de base d’un contrôle Label. Il existe de nombreux autres moyens d’utiliser les contrôles Label dans votre application.