web-dev-qa-db-ja.com

どのようにWPFスライダーを離散整数位置にのみスナップさせるのですか?

多くの場合、古いSystem.Windows.Forms.TrackBarのように動作するWPFスライダーが必要です。つまり、XからYに移動するスライダーが必要ですが、ユーザーはそれを個別の整数位置でのみ移動できます。

SliderのValueプロパティが2倍なので、WPFでこれを行うにはどうすればよいですか?

106
cplotts

目盛りを正しい方法で設定すると、IsSnapToTickEnabledを使用できます。これは私にとって非常にうまくいきました。詳細については、 [〜#〜] msdn [〜#〜] を参照してください。

90
Brian Stewart

簡単な答えは、IsSnapToTickEnabledおよびTickFrequencyプロパティを利用することです。つまり、ティックへのスナップをオンにし、ティックの頻度を1に設定します。

または、言い換えると...ティックを活用します...しかし、必ずしもスナップしているティックを表示する必要はありません。

次のxamlを確認してください。

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

specificの位置にスナップする場合は、Ticksプロパティを使用することもできます。

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

スナップトリックは便利ですが、制限があります。たとえば、有効なティックのサブセットのみを表示する場合です。整数にバインドするか、新しい値を丸めるという2つの選択肢で成功しました。組み合わせた例を次に示します。

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"/>

どちらのパフォーマンスがスナップトリックと比較されるかわかりませんが、問題はありません*。

* alsoスライダーの値をテキストフィールドのタイプにバインドすると、マウスを使用している場合はたまにテキストフィールドに小数が表示されます。同時にintにもバインドすると、空の文字列によって変換例外がスローされ、UIが一時的に停止します。これらの問題は、私が解決策を探すほど深刻ではありませんでした。

9
mkjeldsen