您现在的位置：程式碼之家 >> 編程語言 > >> .NET 網頁程式設計 >> C# >> 關於C#

Windows 8 開發入門（八）：Slider 滑桿與 ToggleSwitch 開關控件實戰

編輯：關於C#

兩大常用數值輸入控件：Slider 適用連續範圍調整（音量、亮度），ToggleSwitch 適用二態切換（Wi-Fi、靜音）。

Slider 核心屬性與事件

屬性	說明
FlowDirection	滑動方向：LeftToRight / RightToLeft
Minimum / Maximum	數值範圍
Orientation	Vertical / Horizontal
TickFrequency	刻度間距值
TickPlacement	刻度顯示位置：TopLeft / BottomRight / Inline

事件：ValueChanged（含 OldValue、NewValue）

ToggleSwitch 核心屬性與事件

屬性	說明
OffContent	關閉狀態文字（如「開啟」）
OnContent	開啟狀態文字（如「關閉」）
Header	標題文字

事件：Toggled（透過 sender.IsOn 判斷狀態）

XAML 佈局與互動邏輯

<TextBlock Name="tbText" .../>
<Slider Name="slider1" Value="10" Minimum="0" Maximum="100"
        Orientation="Vertical" TickFrequency="5" TickPlacement="BottomRight"
        FlowDirection="LeftToRight" Height="500" Width="43" Margin="701,127,0,0"/>

<ToggleSwitch Header="Music" OffContent="Open" OnContent="Close"
              Width="175" Margin="471,317,0,0" Toggled="ToggleSwitch_Toggled_1"/>

public MainPage() {
    this.InitializeComponent();
    slider1.ValueChanged += slider1_ValueChanged;
}

void slider1_ValueChanged(object sender, RangeBaseValueChangedEventArgs e) {
    tbText.Text = $"Slider 新值: {e.NewValue} 舊值: {e.OldValue}";
}

private void ToggleSwitch_Toggled_1(object sender, RoutedEventArgs e) {
    var ts = sender as ToggleSwitch;
    if (ts.IsOn) {
        slider1.Visibility = Visibility.Visible;
        slider1.Value = 15;
    } else {
        slider1.Visibility = Visibility.Collapsed;
    }
}