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 下載。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM