WPF RadioButton控制項詳解

一、RadioButton概述

RadioButton是WPF中提供的用於單項選擇的控制項，它允許用戶從多個選項中選擇一個，並且在選取過程中，任何時刻都只有一個選項被選中。

RadioButton的使用與CheckBox控制項很相似，但是RadioButton的特點是只允許其中一個選項被選中，與此不同的是，CheckBox則不限制選項數量。

RadioButton控制項可以很容易地實現單項選擇，因此常被用在用戶交互界面。

二、RadioButton控制項屬性

在WPF中，RadioButton控制項定義了很多屬性來控制控制項的行為。

1、GroupName屬性

GroupName屬性指定此單選按鈕所屬的組名，使用相同的GroupName的RadioButton構成一個組，其互斥關係正是基於GroupName來確定的，共同GroupName的RadioButton只能選中一個。

2、Content屬性

Content屬性是控制項顯示的文本屬性。

3、IsChecked屬性

IsChecked屬性是控制單選按鈕是否被選中的屬性，它是一個依賴屬性。

4、Width和Height屬性

Width和Height屬性用來指定控制項的寬度和高度。

5、Margin屬性

Margin屬性用來設置控制項與其父容器之間的空間。

三、樣式與模板

WPF提供了樣式和模板兩種方式來自定義控制項外觀。

1、樣式

樣式是一種強大的方式，它可以讓我們改變控制項的外觀，而且可以同時應用到多個控制項。

    <Style x:Key="MyRadioButtonStyle" TargetType="RadioButton">
        <Setter Property="Foreground" Value="Red"/>
        <Setter Property="FontSize" Value="18"/>
        <Setter Property="Margin" Value="10"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="RadioButton">
                    <Grid>
                        <Ellipse x:Name="Ellipse" Fill="White" Stroke="Black" Width="20" Height="20"/>
                        <Ellipse x:Name="InnerEllipse" Fill="Black" Margin="2"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="True">
                            <Setter TargetName="InnerEllipse" Property="Visibility" Value="Visible"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

2、模板

模板是表示控制項布局和外觀的XAML代碼塊，因此可以更精確地定製控制項的外觀，但是它只能應用於單個控制項。

    <RadioButton Content="選項1">
        <RadioButton.Template>
            <ControlTemplate TargetType="RadioButton">
                <Grid>
                    <Ellipse x:Name="Ellipse" Fill="White" Stroke="Black" Width="20" Height="20"/>
                    <Ellipse x:Name="InnerEllipse" Fill="Black" Margin="2"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="True">
                        <Setter TargetName="InnerEllipse" Property="Visibility" Value="Visible"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </RadioButton.Template>
    </RadioButton>

四、事件處理

當用戶單擊單選按鈕時，可以響應事件進行處理。WPF中RadioButton控制項提供了兩個與選中狀態相關的事件：Checked和Unchecked。

1、Checked事件

當用戶選中單選按鈕時，觸發Checked事件。

    <RadioButton Content="選項1" Checked="RadioButton_Checked"/>

private void RadioButton_Checked(object sender, RoutedEventArgs e)
{
    // do something
}

2、Unchecked事件

當用戶取消選中單選按鈕時，觸發Unchecked事件。

    <RadioButton Content="選項1" Unchecked="RadioButton_Unchecked"/>

private void RadioButton_Unchecked(object sender, RoutedEventArgs e)
{
    // do something
}

五、總結

本文詳細介紹了WPF中的RadioButton控制項，包括控制項的概述、屬性、樣式與模板以及事件處理。相信通過本文的學習，讀者能夠更好地掌握WPF RadioButton控制項的使用。