XAML RadioButton Code Example

The <RadioButton> element in XAML is used to create a radio button control in a WPF app.

 

This article has moved here - Working with a WPF Radio Button Control

 

The following code example creates a radio button and sets the name, height and width of a RadioButton control. The code also sets the horizontal alignment to left and the vertical alignment to top.

<RadioButton Margin="10,10,0,13" Name="RadioButton1" HorizontalAlignment="Left" VerticalAlignment="Top" Width="150" Height="15" Backgroun      d="Yellow " Foreground="Blue">
      C# Corner
</RadioButton>

The RadioButton looks as in following:

Figure 1. RadioButton 

The GroupName property of a RadioButton assigns a RadioButton to a group. Only one RadioButton can be in the selected states at once and by selecting a new RadioButton unselects the previous selected RadioButton.

The following code assigns four RadioButton controls to a group called MCSites.

<RadioButton Margin="10,5,0,0" GroupName="MCSites" Background="Yellow" Foreground="Blue" >
    C# Corner
</RadioButton>
<RadioButton Margin="10,5,0,0" GroupName="MCSites" Background="Yellow" Foreground="Orange" >
    VB.NET Heaven
</RadioButton>
<RadioButton Margin="10,5,0,0" GroupName="MCSites" Background="Yellow" Foreground="Green" >
    Longhorn Corner
</RadioButton>
<RadioButton Margin="10,5,0,0" GroupName="MCSites" Background="Yellow" Foreground="Purple" >
    Mindcracker
</RadioButton>

The output looks as in Figure 2. If you select one RadioButton, the previous RadioButton will be unselected.

Figure 2

RadioButton control has Checked event as default event and raised when you check a radio button. The following code snippet adds the event handler.

<RadioButton Name="Btn1" Margin="10,5,0,0" GroupName="MCSites"
   Background="Yellow" Foreground="Blue" Checked="Btn1_Checked">

The following checked event handler sets the foreground and background color of the checked RadioButton and sets black and white for the rest of them.

private void Btn1_Checked(object sender, RoutedEventArgs e)
{
    Btn1.Foreground = Brushes.Blue;
    Btn1.Background = Brushes.Yellow;
    Btn2.Foreground = Brushes.Black;
    Btn2.Background = Brushes.White;
    Btn3.Foreground = Brushes.Black;
    Btn3.Background = Brushes.White;
    Btn4.Foreground = Brushes.Black;
    Btn4.Background = Brushes.White;
}

New RadioButton group looks as in Figure 3.

Figure 3

The IsChecked property of RadioButton represents whether or not a RadioButton is checked. The following code snippet on a button click event handler finds the text of the selected RadioButton in a group.

private void button1_Click(object sender, RoutedEventArgs e)
{
   if( Btn1.IsChecked == true)
       MessageBox.Show(Btn1.Content.ToString());
   else if (Btn2.IsChecked == true)
       MessageBox.Show(Btn2.Content.ToString());
   else if (Btn3.IsChecked == true)
       MessageBox.Show(Btn3.Content.ToString());
   else
       MessageBox.Show(Btn4.Content.ToString());
}

This article has moved here: Working with a WPF Radio Button Control