WPF 控件专题 Slider控件详解

1、Slider  介绍

    Slider ：滑动条控件/滑块控件，表示一个控件，该控件可让用户通过沿 Thumb 移动 Track 控件从一个值范围中进行选择。

    滑块控件，MSDN上面是这样说的，

    RepeatButton就是点击Thumb两侧空白（实际是RepeatButton背景色是透明色）的实现移动Thumb的效果。

**************************************************************************************************************

2、常用属性介绍

    FlowDirection：获取或设置文本和其他用户界面 (UI) 元素在控制其布局的任何父元素内流动的方向。
    
    SelectionEnd：获取或设置 Slider 的指定选择内容的最大值。

    SelectionStart：获取或设置 Slider 的指定选择内容的最大值。

    SmallChange：继承RangeBase，滑动时，最小变化值。
    
    TickFrequency：获取或设置刻度线之间的间隔。
    
    TickPlacement：获取或设置与Track的Slider相关的刻度线的位置。
    
    Ticks：获取或设置为 Slider 显示的刻度线的位置。
    
    Name：元素标示名称。    Margin：元素外边距。    Opacity：透明度。
    
    Width/Height：宽度/高度。    IsEnabled：使能是否可用。    Value：滑块的值。
    
    Maximum：元素的最大的 Value值。    Minimum：元素的最小的Value值。
    
    IsSnapToTickEnabled：获取或设置一个值，该值指示Slider是否自动将Thumb移动到最近的刻度线。

**************************************************************************************************************

3、具体代码示例

<Grid>
	<!--一个Slider可Value具有 0 到 200 之间的命名myslider控件-->
	<Slider Name="myslider"  Margin="20 20 20 20"  Width="250" Orientation="Horizontal" HorizontalAlignment="Left" IsSnapToTickEnabled="True"
			Value="50" Minimum="0" Maximum="200" SmallChange="5" LargeChange="10" TickPlacement="BottomRight" TickFrequency="5"/>
	<!--将Slider控件的Value值绑定到TextBlock-->
	<TextBlock Text="{Binding ElementName=myslider,Path=Value}" FontSize="15" Foreground="#dddddd" HorizontalAlignment="Center" Margin="0 30"/>
	<!--将Slider控件的Value值绑定到Rectangle的宽度和高度上-->
	<Rectangle Fill="Teal" HorizontalAlignment="Left"  Margin="30,30,0,0" 
			   Height="{Binding ElementName=myslider,Path=Value}" 
			   Width="{Binding ElementName=myslider,Path=Value}"/>
</Grid>

**************************************************************************************************************

4、效果图

 

     滑动滑块，矩形不断增大。

**************************************************************************************************************

5、总结和扩展

    设置IsSnapToTickEnabled为True，控制Slider的Vaule只取整数。

    ValueChanged事件，是由Value值触发，可在该事件中，处理一些问题。

    这里介绍Slider简单的用法，至于模板样式的改写，待后期的文章。

   

   

**************************************************************************************************************