Discussion :

[pierrejean75]

Bonjour

Comment peut on faire un FMX ListBox 3 colonnes mais avec des entetes de groupe sur toute la largeur de la listbox ?

Il y a bien une solution en créant des Zones de texte pour chaque GroupHeader puis des Lisbox pour chaque groupe.... mais n'y a t il pas plus simple ?

Voici ce que je voudrais faire ( a droite ) et ce que j'ai si je fais un ListBox 3 colonnes normal ( a gauche )

[SergioMaster]

Comment peut on faire un FMX ListBox 3 colonnes mais avec des entetes de groupe sur toute la largeur de la listbox ?

C'est un sujet intéressant

Il y a bien une solution en créant des Zones de texte pour chaque GroupHeader puis des Lisbox pour chaque groupe.... mais n'y a t il pas plus simple ?

c'est ce que j'aurai fait en première approche.
Maintenant il y a peut-être une propriété cachée à vrai dire je n'en sais rien, pour cela il faudrait vérifier quels sont les ascendants d'un GroupHeader dans les sources.

Peut être une solution à base de TGridPanelLayout (je penche vers celui-ci) voici un test rapide juste en design


ou TGridLayout ou le TFlowLayout (je suis dyslexique à leur sujet), une de ces deux composants devrait le faire.

[Edit] au temps pour moi; il me semble que TFlowLayout correspondra mieux

[pprem]

Petit problème du TFlowLayout, qui a peut-être été amélioré depuis, c'est qu'il n'adaptait pas sa hauteur, donc pas certain que ça passe correctement dans ce cas. A vérifier.

Sur la grille en elle-même, un TGridPanelLayout devrait être exploitable. il faut fusionner les colonnes sur les titres et empiler les composants ensuite. en revanche ça implique de savoir combien on a d'éléments.

Autre solution : un TVertScrollBox dans lequel on empile en alignement TOP les différents composants (label ou autre pour les titres, grille de 3 colonnes pour les images, puis à nouveau label, grille, ...)
solution qui me semble plus facile à mettre en place sans se prendre la tête avec les styles, tout dépend comment le contenu doit être renseigné (par programmation ou LiveBindings)

l'avantage du flowlayout par rapport aux grilles, c'est qu'il prend toute la largeur et s'il y a la place de mettre 5 images, il les mettra. c'est utile quand on fait du responsif avec des interfaces devant apparaître en paysage et en portrait. s'il faut impérativement 3 colonnes, il faut passer par les grilles.