通过

如何：自定义滑块上的刻度

  • 项目

更新：2007 年 11 月

此示例演示如何创建具有刻度线的 Slider 控件。

示例

当您将 TickPlacement 属性设置为默认值 None 以外的值时，就会显示 TickBar。

下面的示例演示如何创建具有 TickBar（显示有刻度线）的 Slider。TickPlacement 和 TickFrequency 属性用于定义刻度线的位置及其之间的间隔。当您移动 Thumb 时，工具提示会显示 Slider 的值。AutoToolTipPlacement 属性用于定义工具提示出现的位置。Thumb 移动对应于刻度线的位置，这是因为将 IsSnapToTickEnabled 设置为 true。

<Slider Name="slider1" Width="100" 
        Orientation="Horizontal" HorizontalAlignment="Left" 
        IsSnapToTickEnabled="True" Minimum="1" Maximum="9" 
        TickPlacement="BottomRight"  TickFrequency="3"
        AutoToolTipPrecision="2" AutoToolTipPlacement="BottomRight"
        IsDirectionReversed="False"
        IsMoveToPointEnabled="False"/>

下面的示例演示如何使用 Ticks 属性以不规则间隔沿 Slider 创建刻度线。

 <Slider Width="100" Value="50" Orientation="Horizontal" HorizontalAlignment="Left" 
IsSnapToTickEnabled="True" Maximum="3" TickPlacement="BottomRight" 
AutoToolTipPlacement="BottomRight" AutoToolTipPrecision="2" 
Ticks="0, 1.1, 2.5, 3"/>

有关完整示例，请参见具有数据绑定的滑块的示例。

请参见

参考

Slider

TickBar

TickPlacement

其他资源

Slider 帮助主题