WPF RadioButton Control

With the help of the RadioButton Control, we can get the list of the possible different options where we will select only one option at a time. We can get the same functionality with the help of the ComboBox control. ComboBox control uses less space, but the use of the RadioButton gives us a better experience.

Now we will write a XAML code which contains the Label with the question mark and three radio buttons as well with the possible answer. In the RadioButton, we will set the default option by using the property IsChecked on the last RadioButton. We can change the default option by clicking on the other button.

MainWindow.XAML

  <Window x:Class=”WPFProgressBarControl.MainWindow”          xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”          xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”          xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″          xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″          xmlns:local=”clr-namespace:WPFProgressBarControl”          mc:Ignorable=”d”          Title=”MainWindow” Height=”250″ Width=”800″>                <StackPanel Margin=”10″>              <Label FontWeight=”Bold”>Are you ready?</Label>              <RadioButton>Yes</RadioButton>              <RadioButton>No</RadioButton>              <RadioButton IsChecked=”True”>Maybe</RadioButton>              </StackPanel>            </Window>  

The output of the above code is shown us like as in the below screenshot:

OUTPUT

Group of RadioButton

As we can see above, with the help of the RadioButton, we can check only one button, but there can be a situation that arises when we need to select different options at the same time. Then, in that situation, we will need to add the Group of the RadioButton. The groups of the RadioButton has individual selection identity.

MainWindow.XAML

  <Window x:Class=”WPFProgressBarControl.MainWindow”          xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”          xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”          xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″          xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″          xmlns:local=”clr-namespace:WPFProgressBarControl”          mc:Ignorable=”d”          Title=”MainWindow” Height=”250″ Width=”800″>        <StackPanel Margin=”10″>          <Label FontWeight=”Bold”>Are you ready?</Label>          <RadioButton GroupName=”ready”>Yes</RadioButton>          <RadioButton GroupName=”ready”>No</RadioButton>          <RadioButton GroupName=”ready” IsChecked=”True”>Maybe</RadioButton>            <Label FontWeight=”Bold”>Male or female?</Label>          <RadioButton GroupName=”sex”>Male</RadioButton>          <RadioButton GroupName=”sex”>Female</RadioButton>          <RadioButton GroupName=”sex” IsChecked=”True”>Not sure</RadioButton>      </StackPanel>      </Window>  

OUTPUT

With the help of the RadioButton we can do the multiple selection from the both the of the group. Without the use of the RadioButton we can select only one item from all the six items.

Custom Content

We can inherit the RadioButton control from the ContentControl class that means we can show custom content. WPF will put the text in the TextBlock control and will show it.

For this we will write the below XAML code:

MainWindow.XAML

  <Window x:Class=”WPFProgressBarControl.MainWindow”          xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”          xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”          xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″          xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″          xmlns:local=”clr-namespace:WPFProgressBarControl”          mc:Ignorable=”d”          Title=”MainWindow” Height=”250″ Width=”800″>        <StackPanel Margin=”10″>          <Label FontWeight=”Bold”>Are you ready?</Label>          <RadioButton>              <WrapPanel>                  <Image Source=”C:UsersHPsourcereposWPFProgressBarControlWPFProgressBarControlimagesCorrect.jpg” Width=”30″ Height=”20″ Margin=”0,0,5,0″ />                  <TextBlock Text=”Yes” Foreground=”Green” />              </WrapPanel>          </RadioButton>          <RadioButton Margin=”0,5″>              <WrapPanel>                  <Image Source=”C:UsersHPsourcereposWPFProgressBarControlWPFProgressBarControlimagesWrong.jpg”  Width=”30″ Height=”20″ Margin=”0,0,5,0″ />                  <TextBlock Text=”No” Foreground=”Red” />              </WrapPanel>          </RadioButton>          <RadioButton IsChecked=”True”>              <WrapPanel>                  <Image Source=”C:UsersHPsourcereposWPFProgressBarControlWPFProgressBarControlimagesQuestionMark.jpg”  Width=”30″ Height=”20″ Margin=”0,0,5,0″ />                  <TextBlock Text=”Maybe” Foreground=”Gray” />              </WrapPanel>          </RadioButton>      </StackPanel>    </Window>  

The output of the above code will look like as shown in the below screenshot:

OUTPUT

RadioButton concept is very simple. All the RadioButton contains the WrapPanel with the image along with the text inside it. Here we will use the Image Control to show the image as per our choice.

Next TopicWPF ToggleButton Control

features of wpf what is wpf wpf wpf border wpf canvas wpf controls wpf groupbox wpf imagesource wpf listbox wpf richtextbox wpf timer wpf treeview wpf viewbox wpf vs winforms wpf xaml

WPF RadioButton Control

WPF RadioButton Control

MainWindow.XAML

Group of RadioButton

MainWindow.XAML

Custom Content

MainWindow.XAML

How to Install WordPress

CDATA PCDATA

You may also like