滑块有多个间隔

Question

目前，WPF滑块具有一些属性，可以在滑块上定义和查看单个间隔：SelectionStart，SelectionEnd和IsSelectionRangeEnabled。

通过设置这些值

<Slider Minimum="0" Maximum="300" Value="150" IsSelectionRangeEnabled="True" SelectionStart="50" SelectionEnd="200"/>

您在滑块中获得选定的间隔，颜色为蓝色，如下所示：

我想要做的是能够定义多个间隔 - 例如（50-100），（110-130），（170-200）和（210-240），看起来像这样：

有关如何解决此问题的任何想法或我应该尝试修改哪些模板才能获得此功能？

Answer 1

这可能不是一个答案，而是一种解决方法。我将滑块放在画布上，然后绘制到画布Highlight segments on slider bar

Answer 2

使用Ticks属性设置多个间隔。我不确定你想要它如何从你上面的解释中发挥作用，但这是一个例子。

<Slider Minimum="0" Maximum="300" Value="150" 
IsSelectionRangeEnabled="True" SelectionStart="50" 
SelectionEnd="200" IsMoveToPointEnabled="True" 
TickPlacement="BottomRight" Ticks="50, 100, 105, 140, 150, 200" IsSnapToTickEnabled="True" />