Windows 8 風格應用開發入門：基礎輸入控件 ProgressRing、ProgressBar、ToggleSwitch 等

本文介紹五個常用基礎控件的屬性、事件與 XAML/C# 宣告方式，涵蓋進度指示、開關切換、超連結、下拉選單等互動元素。

ProgressRing：環狀進度指示

表示不確定等待狀態，IsActive 控制動畫播放。

XAML

<ProgressRing x:Name="progressRing" IsActive="True" Width="40" Height="40"/>

C#

var ring = new ProgressRing { IsActive = true, Width = 40, Height = 40 };
layoutRoot.Children.Add(ring);

ProgressBar：列狀進度指示

支援確定進度與不確定模式。

XAML

<ProgressBar x:Name="progressBar" Value="50" Maximum="100" 
             IsIndeterminate="False" Height="10"/>

C#

var bar = new ProgressBar { Value = 50, Maximum = 100, IsIndeterminate = false };
layoutRoot.Children.Add(bar);

ToggleSwitch：雙態開關

觸控友善的開關控件，支援自訂開/關文字。

XAML

<ToggleSwitch x:Name="toggleSwitch" 
              Header="通知設定"
              OnContent="開啟" OffContent="關閉"
              IsOn="True" />

C#

var toggle = new ToggleSwitch {
    Header = "通知設定",
    OnContent = "開啟",
    OffContent = "關閉",
    IsOn = true
};
layoutRoot.Children.Add(toggle);

HyperlinkButton：超連結按鈕

按鈕外觀的超連結，點擊導航至 URI。

XAML

<HyperlinkButton x:Name="linkButton" 
                 Content="造訪官網"
                 NavigateUri="https://example.com" />

C#

var link = new HyperlinkButton {
    Content = "造訪官網",
    NavigateUri = new Uri("https://example.com")
};
layoutRoot.Children.Add(link);

ComboBox：下拉選單

單選下拉清單，支援資料繫結與 SelectionChanged 事件。

XAML

<ComboBox x:Name="comboBox" SelectionChanged="ComboBox_SelectionChanged">
    <ComboBoxItem Content="選項 1"/>
    <ComboBoxItem Content="選項 2"/>
    <ComboBoxItem Content="選項 3"/>
</ComboBox>

C#

var combo = new ComboBox();
combo.Items.Add("選項 1");
combo.Items.Add("選項 2");
combo.SelectionChanged += Combo_SelectionChanged;
layoutRoot.Children.Add(combo);

基礎控件掌握後，下一章將介紹 Slider、Image、Tooltip、Popup、PasswordBox 等進階控件。