【愚公系列】2023年09月 WPF控件专题 RadioButton控件详解

🏆 作者简介，愚公搬代码 🏆《头衔》：华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，阿里云专家博主，腾讯云优秀博主，掘金优秀博主，51CTO博客专家等。 🏆《近期荣誉》：2022年CSDN博客之星TOP2，2022年华为云十佳博主等。 🏆《博客内容》：.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。 🏆🎉欢迎 👍点赞✍评论⭐收藏

🚀前言

WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。

原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。

自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。

🚀一、RadioButton控件详解

RadioButton是WPF中的一种控件，它允许用户从一组选项中选择一个选项。RadioButton通常与其他控件一起使用，如GroupBox或ListBox，以便在同一窗口或页面上显示多个选项。

以下是使用WPF中RadioButton的步骤：

1. 在XAML中添加一个RadioButton控件。例如：

<RadioButton Content="Option 1" />

1. 在同一容器中添加其他RadioButton控件以创建选项组。

<StackPanel>
   <RadioButton Content="Option 1" />
   <RadioButton Content="Option 2" />
   <RadioButton Content="Option 3" />
</StackPanel>

1. 将RadioButton的GroupName属性设置为相同的值，以便它们被视为同一选项组。

<StackPanel>
   <RadioButton Content="Option 1" GroupName="Options" />
   <RadioButton Content="Option 2" GroupName="Options" />
   <RadioButton Content="Option 3" GroupName="Options" />
</StackPanel>

1. 使用IsChecked属性检查哪个RadioButton被选中，并执行相应的操作。

<StackPanel>
   <RadioButton Content="Option 1" GroupName="Options" IsChecked="True" />
   <RadioButton Content="Option 2" GroupName="Options" />
   <RadioButton Content="Option 3" GroupName="Options" />
</StackPanel>

在这个例子中，第一个RadioButton被选中，并且可以在后台代码中使用IsChecked属性检查是否选中了该选项。

🔎1.属性介绍

RadioButton（单选按钮）是WPF中常用的控件之一，它可以与其他RadioButton控件进行分组，使得在同一组内只有一个控件可以被选中。以下是RadioButton的常用属性介绍：

1. IsChecked：指示控件是否被选中的布尔值属性。
2. Content：控件显示的内容，可以是文本、图像等内容。
3. GroupName：将多个RadioButton控件分组，以便在同一组内只有一个控件可以被选中。分组的方式是将不同控件的GroupName属性设置为相同的字符串。
4. CommandParameter：将控件与命令相关联时指定传递给命令的参数。
5. FontWeight：控件中显示内容的字体宽度属性。
6. FontSize：控件中显示内容的字体大小属性。
7. Height：控件的高度属性。
8. Width：控件的宽度属性。
9. Margin：控件与其周围元素的间距属性。
10. HorizontalAlignment：控件相对于水平方向的对齐方式属性。
11. VerticalAlignment：控件相对于垂直方向的对齐方式属性。
12. IsEnabled：指示控件是否可用的布尔值属性。
13. ToolTip：控件的工具提示属性，显示鼠标悬停在控件上时的提示内容。
14. Style：控件的样式属性，可以使用样式定义控件的外观和行为。

🔎2.常用场景

1. 选项卡控件：在WPF中，我们可以通过RadioButton来实现选项卡控件，在选项卡中选择不同的RadioButton，来展示不同的内容页面。
2. 单选列表：在WPF中，我们可以利用RadioButton来实现单选列表，用户只能选择其中一个选项。
3. 问卷调查：在问卷调查中，我们通常会针对一个问题提供多个选项，利用RadioButton可以实现单选。
4. 设置界面：在设置界面中，我们可以利用RadioButton来提供多个选项，同时只能选择其中一个。
5. 数据筛选：在数据筛选的过程中，我们可以利用RadioButton来实现单选，在筛选条件中选择一个选项。

RadioButton可以用于任何需要单选功能的场景，让用户只能从多个选项中选择一个。

🔎3.具体案例

<Grid Name="grid1">
    <RadioButton Content="管理员" GroupName="role" HorizontalAlignment="Left" IsChecked="True" Margin="43,101,0,0" VerticalAlignment="Top" Checked="RadioButton_Checked"/>
    <RadioButton Content="学生"  GroupName="role" HorizontalAlignment="Left" Margin="115,101,0,0" VerticalAlignment="Top" Checked="RadioButton_Checked"/>
    <RadioButton Content="教师" GroupName="role" HorizontalAlignment="Left" Margin="221,101,0,0" VerticalAlignment="Top" Checked="RadioButton_Checked"/>
</Grid>

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    RadioButton rbtn = new RadioButton();
    rbtn.Content = "主任";
    rbtn.GroupName = "role";
    rbtn.IsChecked = false;
    rbtn.HorizontalAlignment = HorizontalAlignment.Left;
    rbtn.VerticalAlignment = VerticalAlignment.Top;
    rbtn.Margin = new Thickness(320, 101, 0, 0);
   // rbtn.Checked += RadioButton_Checked;
   this.grid1.Children.Add(rbtn);
}

private void RadioButton_Checked(object sender, RoutedEventArgs e)
{
    MessageBox.Show((sender as RadioButton).Content.ToString());
}

我正在参与2023腾讯技术创作特训营第二期有奖征文，瓜分万元奖池和键盘手表