Windows 8实用窍门系列:8.Windows 8 中Slider控件和ToggleSwitch控件

  一:Silder控件是滑块控件,在Silverlight中也存在,其主要用于音量调节,亮度调节,色彩调节,温度计等。

    主要属性:

      FlowDirection:从左向右滑动或者从右向左滑动

      Minimum:最小值

      Maximum:最大值

      Orientation:排列方向,垂直排列或者水平排列

      TickFrequency:在Slider长度允许的条件下,每个刻度之间的值

      TickPlacement:刻度显示位置,在Slider上面或者下面或者Slider里面

    主要事件:ValueChanged:当值变化时触发此事件

    Xaml和Cs代码:

        <TextBlock HorizontalAlignment="Left" Margin="471,127,0,0" Name="tbText"
                   TextWrapping="Wrap" Text="" VerticalAlignment="Top" Height="18" Width="200"/>
        <Slider HorizontalAlignment="Left" Value="10"  Name="slider1" FlowDirection="LeftToRight"
                Minimum="0" Maximum="100" Orientation="Vertical"
                TickFrequency="5" TickPlacement="BottomRight"
                Margin="701,127,0,0" VerticalAlignment="Top" Height="500" Width="43"/>
        public MainPage()
        {
            this.InitializeComponent();
            this.slider1.ValueChanged += slider1_ValueChanged;
        }

        void slider1_ValueChanged(object sender, RangeBaseValueChangedEventArgs e)
        {
            this.tbText.Text = "Slider控件的新值:" + e.NewValue + "  旧值:" + e.OldValue;
        }

  二:ToggleSwitch控件是开关控件,在Windows 8中的WIFI开关也是采用这个控件来实现的,另外可以作为音量开关等。

    主要属性:

      OffContent:关闭状态时需要进行操作的名称,比如开启、Open、启用

      OnContent:打开状态时需要进行操作的名称,比如关闭,Close、禁用

      Header:控件头部显示的名称。      

    主要事件:Toggled:当状态切换时触发处理事件。

    Xaml和Cs代码:

        <ToggleSwitch  HorizontalAlignment="Left" Margin="471,317,0,0" 
                      OffContent="Open" OnContent="Close" Header="Music"
                      VerticalAlignment="Top" Width="175" Toggled="ToggleSwitch_Toggled_1"/>
        private void ToggleSwitch_Toggled_1(object sender, RoutedEventArgs e)
        {
            //判断ToggleSwitch的开关状态,并且进行处理
            var toggle = sender as ToggleSwitch;
            if (toggle.IsOn)
            {
                this.slider1.Visibility = Visibility.Visible;
                this.slider1.Value = 15;
            }
            else
            {
                this.slider1.Visibility = Visibility.Collapsed;            
            }
        }

    最后我们看程序运行效果,如需源码请点击 Win8Slider1.rar 下载。

posted @ 2012-11-13 11:25  程兴亮  阅读(3249)  评论(0编辑  收藏