Windows 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;               
            }   
        }

最後我們看程序運行效果，如需源碼請下載： http://files.cnblogs.com/chengxingliang/Win8Slider1.rar