滚动视图ScrollViewer

26-Windows10应用控件-滑动条Slider

滑动条 Slider 控件表示一种通过滑动位置来设置数值的控件，控件有一个指定的范围，通过滑动来控制当前值的大小。

语法

<Slider.../>Code language: HTML, XML (xml)

Slider 控件有水平和垂直之分，通过 Orientation 属性来指定滑动方向。

取值范围可以通过 Minimum 和 Maximum 属性来设置，分别表示最小和最大取值。

ValueChanged 事件，当滑动的时候就会触发。通过 Value 可以了解当前的取值。

练一练

<Slider
    x:Name="slider"
    HorizontalAlignment="Left"
    Margin="190,90,0,0"
    VerticalAlignment="Top"
    Width="355"
    Minimum="10"
    Maximum="200"
    ValueChanged="slider_ValueChanged"
    SizeChanged="slider_SizeChanged"/>
<Slider
    x:Name="slider1"
    HorizontalAlignment="Left"
    Margin="413,255,0,210"
    Width="45"
    Orientation="Vertical"/>
<TextBlock
    x:Name="textBlock"
    HorizontalAlignment="Left"
    Margin="615,160,0,0"
    TextWrapping="Wrap"
    Text="TextBlock"
    VerticalAlignment="Top"
    Height="80"
    Width="135"/>Code language: HTML, XML (xml)

private void slider_ValueChanged(object sender, RangeBaseValueChangedEventArgs e)
{
    if (textBlock != null)
    {
        this.textBlock.Text = this.slider.Value.ToString();
    }
}Code language: JavaScript (javascript)