Nous continuons à améliorer notre application "Dépenses personnelles", nous utilisons donc désormais la capacité de ListBox à afficher les données de manière hiérarchique (c'est-à-dire avec différents niveaux d'indentation).
Cela nous permettra désormais d'afficher dans la ListBox toutes les dépenses regroupées dans chacune des catégories auxquelles elles appartiennent, avec la possibilité d'agrandir ou de réduire chacune des catégories de la liste à volonté.
On gagnera donc en organisation lorsqu'il s'agira de présenter à l'utilisateur les différents éléments correspondant à chacune des catégories de dépenses.
En fait, ListBox est l'un des contrôles d'interface utilisateur les plus puissants et les plus flexibles que vous puissiez trouver dans la bibliothèque Xojo IDE. Si vous jetez un œil à la documentation sur ce composant (https://docs.xojo.com/ListBox), vous vous rendrez compte à quel point vous pouvez personnaliser le comportement de la liste, tant d'un point de vue graphique (rappelez-vous de chapitres précédents que Graphics est la classe qui nous donne tout ce dont nous avons besoin pour "peindre" notre interface utilisateur), en plus du comportement.
Au cours du cours, nous avons déjà vu certaines de ses fonctionnalités, telles que celle correspondant au tri des données dans chacune des colonnes, ainsi que la manière dont nous pouvons ajouter des données aux différentes colonnes d'une nouvelle ligne, accéder à une donnée spécifique, etc.
Bon, dans ce chapitre nous allons nous intéresser aux autres méthodes disponibles dans la ListBox, ce sont celles qui nous permettent d'indiquer à la ListBox que l'on veut ajouter une nouvelle ligne de données avec le comportement "expandable" via la méthode AddExpandableRow (https : //docs.xojo.com / ListBox.AddExpandableRow).
Cela nous donne également la possibilité d'ajouter des gestionnaires d'événements ExpandRow (https://docs.xojo.com/ListBox.ExpandRow) et CollapseRow (https://docs.xojo.com/ListBox.CollapseRow).
Ce sont les événements qui seront déclenchés dans le champ à chaque fois que l'utilisateur cliquera sur le widget flèche (élément graphique) associé à chacune des lignes extensibles sur lesquelles vous pourrez agir.
Étant donné que, par exemple, dans ExpandRow, nous recevons en paramètre le numéro de la ligne que nous voulons afficher, ce sera celle que nous utiliserons pour remplir (et donc rendre visible) le reste des lignes (ou éléments) correspondant aux frais de la catégorie que nous venons de finir de déployer.
Une autre méthode intéressante de ListBox, lors de l'utilisation de listes hiérarchiques, est RowDepthAt (https://docs.xojo.com/ListBox.RowDepthAt).
Cela nous permettra de connaître la valeur de l'indentation, ou "profondeur" dans la hiérarchie de la liste, correspondant au numéro de ligne que nous passons en argument. Ainsi, par exemple, une ligne de niveau supérieur renverra la valeur zéro (0), tandis que si la ligne est directement suspendue à un niveau supérieur de la hiérarchie, elle renverra la valeur un (1), et ainsi de suite à mesure que vous approfondissez la hiérarchie d'une ligne racine ou de niveau supérieur.
Peut-être qu'en ce moment cela semble plus complexe qu'il ne l'est réellement ; mais je suis sûr que lorsque vous verrez le tutoriel et que vous le mettrez en pratique, vous vous rendrez compte que ce n'est pas le cas.
Vous commencerez bientôt à utiliser des listes hiérarchiques dans vos projets !
De plus, il est important de noter qu'il n'est pas nécessaire de se limiter à l'utilisation de lignes déroulantes uniquement au premier niveau de la hiérarchie, mais vous pouvez intégrer des lignes déroulantes dans la hiérarchie de tout autre élément également déroulant.
Un bon exemple de ce type de comportement en action, que je vous recommande de jeter un œil, est celui que vous pouvez trouver dans le projet exemple "FileBrowser" inclus dans le dossier Sample Projects> Desktop> Controls> ListBox.
-
Javier Rodríguez
- Ingénieur Xojo
- Twitter: @xojoes
- Facebook : http://facebook.com/xojoes/
- Téléchargez la dernière version sur www.xojo.com
- Ressources Xojo en espagnol : https://docs.xojo.com/spanish
