Vous avez réalisé une application avec un scrollviewer ? Votre application est belle, fonctionne parfaitement en touch … Mais quoi de plus ennuyant lorsqu’on est sur un clavier/souris que le scroll de la souris ne fonctionne pas !!

La solution est pourtant simple. Par défaut le scroll horizontal et vertical de votre application est actif. Pour que le scroll horizontal fonctionne à la souris, il faut alors désactiver le scroll vertical ! Voici deux exemple de scrollviewer, le premier ou la roulette de la souris ne fonctionne pas et le deuxième ou la roulette fonctionne pour le scroll horizontal.

Le scroll ne fonctionne pas :

 <ScrollViewer Height="225" >     <StackPanel Orientation="Horizontal">         <Rectangle Fill="#FFF4F4F5" Height="100" Width="1000"/>         <Rectangle Fill="Blue" Height="100" Width="1000"/>         <Rectangle Fill="#FFFF0046" Height="100" Width="1000"/>     StackPanel> ScrollViewer>

Le Scroll fonctionne

Pour ce cas ci on lui dit que notre scrollviewer à la mode de scroll horizontal activé et le mode de scroll vertical désactivé et ensuite on lui dit que l’on veut qu’il n’affiche pas la barre de scroll vertical et qu’il affiche la barre de scroll horizontale quand il en a besoin.

 <ScrollViewer Height="225"                   VerticalScrollMode="Disabled" HorizontalScrollMode="Auto"                  VerticalScrollBarVisibility="Hidden" HorizontalScrollBarVisibility="Auto">     <StackPanel Orientation="Horizontal" >         <Rectangle Fill="#FFF4F4F5" Height="100" Width="1000"/>         <Rectangle Fill="Blue" Height="100" Width="1000"/>         <Rectangle Fill="#FFFF0046" Height="100" Width="1000"/>     StackPanel> ScrollViewer>

Et voilà, le fait d’activer un seul des 2 scrolls va nous permettre d’utiliser la roulette à la souris !