Comment faire en sorte qu'un curseur WPF s'aligne uniquement sur des positions entières discrètes?

Trop souvent, je veux un curseur WPF qui se comporte comme l'ancien System.Windows.Forms.TrackBar. Autrement dit, je veux un curseur qui va de X à Y mais qui permet uniquement à l'utilisateur de le déplacer dans des positions entières discrètes.

Comment faire cela dans WPF puisque la propriété Value sur le Slider est double?

Si vous définissez vos graduations de la bonne manière, vous pouvez utiliser IsSnapToTickEnabled . Cela a plutôt bien fonctionné pour moi. Consultez MSDN pour plus de détails.

La réponse simple est que vous tirez parti des propriétés IsSnapToTickEnabled et TickFrequency . Autrement dit, activez l'alignement sur les graduations et réglez la fréquence de graduation sur 1.

Ou, en d'autres termes ... tirez parti des tiques ... mais vous n'avez pas nécessairement à montrer les tiques sur lesquelles vous vous accrochez.

Découvrez le morceau suivant de xaml:

<Slider
    Orientation="Vertical"
    Height="200"
    Minimum="0"
    Maximum="10"
    Value="0"
    IsSnapToTickEnabled="True"
    TickFrequency="1"
/>

Pour ceux qui souhaitent s'aligner sur des positions spécifiques , vous pouvez également utiliser la Tickspropriété:

<Slider Minimum="1" Maximum="500" IsSnapToTickEnabled="True" Ticks="1,100,200,350,500" />

L'astuce d'accrochage est pratique mais présente des limites, par exemple si vous souhaitez afficher uniquement un sous-ensemble de graduations valides. J'ai eu du succès avec deux alternatives: soit lier à un entier, soit arrondir la nouvelle valeur. Voici un exemple combiné:

public int MyProperty { get; set; }

private void slider1_ValueChanged(object sender,
    RoutedPropertyChangedEventArgs<double> e)
{
    (sender as Slider).Value = Math.Round(e.NewValue, 0);
}

<Slider
    Name="slider1"
    TickPlacement="TopLeft"
    AutoToolTipPlacement="BottomRight"
    ValueChanged="slider1_ValueChanged"
    Value="{Binding MyProperty}"
    Minimum="0" Maximum="100" SmallChange="1" LargeChange="10"
    Ticks="0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100"/>

Je n'ai aucune idée de comment la performance de l'un ou l'autre se compare à l'astuce instantanée mais je n'ai eu aucun problème *.

* Si vous liez également la valeur du curseur à un type de champ de texte, vous constaterez que, de temps en temps si vous utilisez la souris, le champ de texte affichera des décimales. Si vous vous liez également à un int en même temps, la chaîne vide provoquera la levée d'une exception de conversion qui embourbera brièvement l'interface utilisateur. Ces problèmes n'ont pas été suffisamment graves pour que je recherche des solutions.