Windows 8實用竅門系列:8.Windows 8 中Slider控制項和ToggleSwitch控制項

來源:互聯網
上載者:User

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.