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

Effectué

Dans Power Apps, les contrôles Text 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 Saisie de texte et afficher les résultats dans un contrôle Libellé.

Vous pouvez intégrer plusieurs contrôles Text à 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 Saisie de texte et définissez la propriété Mode sur Multiline au lieu d’utiliser une seule ligne. Comme toutes vos applications comportent probablement des contrôles Text, 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 Text disponibles :

Capture d’écran du menu des contrôles Text.

  • Libellé : 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 Évaluation ou Audio), ou dans une galerie pour afficher un type spécifique d’informations sur un élément.

  • Saisie de texte : 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 dans un contrôle Saisie de texte. 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.

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

  • Éditeur de texte enrichi : 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 permettant de recueillir 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.

  • Saisie au stylet : 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 Libellé et quelques exemples afin de mieux comprendre son fonctionnement.

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

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

  2. Définissez la propriété Text du contrôle Libellé 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 Libellé. Dans ce scénario, vous allez créer une collection appelée PopulationsVilles 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})
    
  2. Maintenez enfoncée la touche Alt, puis sélectionnez le contrôle Bouton. (Vous allez ainsi créer votre collection et y stocker toutes les informations.)

  3. Ajoutez une galerie verticale vide et définissez sa propriété Items sur PopulationsVilles.

  4. Une fois la galerie sélectionnée, définissez le champ Disposition sur Titre, sous-titre et corps dans le volet droit.

  5. Sélectionnez le contrôle Libellé du haut (le premier). La propriété Text affiche ThisItem.City. Un libellé d’une galerie peut afficher tout champ de texte disponible (ou propriété de champ affichable sous forme de texte) dans l’enregistrement. Dans notre collection, chaque enregistrement comprend des champs City, Country et Population ; vous pouvez afficher chacun d’entre eux dans un libellé de cette galerie.

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

  7. 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 Libellé. Il existe de nombreux autres moyens d’utiliser les contrôles Libellé dans votre application.