Bienvenue à Blogs CodeS-SourceS Identification | Inscription | Aide

Cyril Sansus

WPF, Interfaces Utilisateurs et .NET
WP7 – Scrollbar flickering

Si lorsque vous scrollez dans une ListBox la taille de votre ScrollBar change et la ScrollBar fait de petits sauts, vous allez surement apprécier la suite de ce post.

Si vous n’avez jamais rencontré le problème, vous pouvez toujours télécharger le code ci-dessous afin de mieux comprendre.

Télécharger l'application exemple

En fait le problème vient du fait que la ListBox est virtualisée et que les ListBoxItem n’ont pas la même taille.

Il faut savoir que la taille de la Scrollbar est calculée en fonction de deux paramètres :

  • La taille de la zone affichable (l’écran)
  • La taille de la zone à afficher (la hauteur de la ListBox)

Donc pour afficher la Scrollbar d’une ListBox, il est donc nécessaire que la ListBox soit en mesure de calculer sa hauteur.

Problème : les éléments sont virtualisés. Elle ne connait donc pas réellement la taille de tous ses éléments, elle va donc estimer sa hauteur à l’aide d’une formule ressemblant à ceci :

Nombre d’éléments * Hauteur d’un ListBoxItem

Si les ListBoxItem n’ont pas tous la même taille, le résultat du calcul ci-dessus va varier et donc la taille de la Scrollbar aussi. C’est cela qui créer cet effet très déplaisant pour l’utilisateur.

Pour contourner le problème vous avez deux solutions.

La première consiste à faire en sorte que tous vos éléments aient tous la même hauteur, soit en fixant la hauteur en pixel, soit en supprimant les éléments à hauteur variable comme les TextBlock avec TextWrapping.

La seconde, plus radicale, est de supprimer la virtualisation, mais attention vous devez être suûr que le nombre d’élément de la liste reste faible sous peine de vous retrouver avec une application très lente.

Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
Posted: lundi 18 octobre 2010 09:10 par Vko

Commentaires

Pas de commentaires

Les commentaires anonymes sont désactivés

Les 10 derniers blogs postés

- SharePoint Online: Script PowerShell pour désactiver l’Option IRM des sites SPO non autorisés par Blog Technique de Romelard Fabrice le 12-14-2018, 13:01

- SharePoint Online: Script PowerShell pour supprimer une colonne dans tous les sites d’une collection par Blog Technique de Romelard Fabrice le 11-27-2018, 18:01

- Office 365: Script PowerShell pour supprimer des comptes utilisateur de collections de sites SharePoint Online par Blog Technique de Romelard Fabrice le 11-19-2018, 16:47

- Retrouvez-moi aux Microsoft experiences18 ! par Blog de Jérémy Jeanson le 11-06-2018, 22:25

- Office 365: Script PowerShell pour extraire les Teams associés à un utilisateur spécifié par Blog Technique de Romelard Fabrice le 11-06-2018, 13:37

- Office 365: Extraire les pages publiées dans un site SharePoint Online de publishing en CSV par Blog Technique de Romelard Fabrice le 11-06-2018, 11:04

- Office 365: Comment créer un jeu de Pages Modernes dans un Modern Site SharePoint Online en utilisant PowerShell depuis un fichier CSV par Blog Technique de Romelard Fabrice le 10-17-2018, 12:50

- Office 365: Comment Utiliser les Modern Pages dans un Site Intranet SharePoint basé sur le Publishing site par Blog Technique de Romelard Fabrice le 10-16-2018, 15:34

- Office 365: Comment changer le nom “Auteur” dans les pages modernes d'un Modern Site SharePoint Online par Blog Technique de Romelard Fabrice le 10-16-2018, 15:07

- Reprise des articles Codes-Sources de 2011 à 2013 par Blog de Jérémy Jeanson le 08-21-2018, 16:08