具有多个区间的滑块

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