技术开发 频道

WP开发之:Silverlight选择控件详解

  4.Slider

  该控件用来显示一条类似轨道或者进度条的状态条,用户可以在其上一定范围内选择一个值。事实上,该控件常常应用在一个对值的选择更加形象化的场合,如常见的音量大小选择或者色彩比例的选择。

  Slider控件可以设置其方向:水平或垂直方向,这是通过改变其属性Orientation的值来达到的。Slider控件的当前选择值保存在属性Value中,也可以通过设置其Maximum和Minimum来指定可选值的范围。

  Slider还具有IsDirectionReversed属性,用来设置其初始的值状态:空或满。

  【XAML代码】

<Slider …/>

 

  【示例】

  下面通过一个示例来演示如何获取Slider当前的值,这里需要注意一点,Slider控件有一个ValueChanged事件,这是Slider的一个主要事件,该事件在用户每次更改了Slider的选择值后触发。示例就需要来响应这样一个事件来更新显示用户当前选择的值。

  1)首先建立一个新的Windows Phone Application项目文件,向程序添加两个Slider控件,并且设置其中一个Slider控件的Orientation属性的值为Vertical,默认为Horizontal,再添加两个TextBlock,设置其中一个TextBlock的Text属性为当前值,另一个为0,按图6-18所示排列所有控件。


▲图6-18 Slider控件

  2)分别双击两个Slider控件以触发各自的ValueChanged事件,在这里使用Visual Studio默认的命名:Slider1和Slider2。ValueChanged事件的响应代码如下:

private void slider1_ValueChanged(object sender,

RoutedPropertyChangedEventArgs
<double> e)
             {
                 textBlock2.Text
= slider1.Value.ToString();
             }

private void slider2_ValueChanged(object sender,
RoutedPropertyChangedEventArgs
<double> e)
             {
                 textBlock2.Text
= slider2.Value.ToString();
             }

 

  3)以上代码中,将Slider的Value值转换成String类型,并赋给textBlock的Text属性以显示出来。

  程序运行后的结果如图6-19所示,单击Slider控件的不同位置会改变当前Slider属性Value的值,当然改变也会被TextBlock显示出来。


▲图6-19 Slider控件运行效果

0
相关文章