wpf - 具有多个间隔的滑块

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

这可能不是答案，而是一种解决方法。我将滑块放在画布上，然后绘制到画布上突出显示滑块上的段

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