WPF 控件专题 RadioButton详解

1、RadioButton 介绍

    RadioButton ：单选按钮；

**************************************************************************************************************

2、常用属性介绍

    Background：背景。    BorderBrush：边框颜色。    BorderThickness：边框宽度。

    Content：获取或设置 ContentControl 的内容。        GroupName：控件所属组的组名。

    FontFamily：获取或设置控件的字体系列。

    FontSize：获取或设置字号。

    FontStretch：获取或设置字体在屏幕上紧缩或加宽的程度。

    FontStyle：获取或设置字体样式。

    FontWeight：获取或设置指定字体的粗细。

    Foreground：前景色。    Width/Height：宽度/高度。    IsEnabled：使能，是否可用。

    IsChecked：获取或设置是否选中 ToggleButton，最重要的属性。

    IsMouseOver：鼠标是否移入控件元素区域内。    IsPressed：是否按下。

    Margin：元素外边距。    Name：元素标识名称。    Opacity：透明度。

    Template：控件模板。    Visibility：可见性设置。
    
    FlowDirection：获取或设置文本和其他用户界面 (UI) 元素在控制其布局的任何父元素内流动的方向。

    RenderTransform：获取或设置影响此元素的呈现位置的转换信息。（旋转角度等设置）
    
    RenderTransformOrigin：获取或设置由 RenderTransform 声明的任何可能呈现转换的中心点，相对于元素的边界。

    HorizontalAlignment/VerticalAlignment：获取或设置在父元素（如面板或项控件）中组合此元素时所应用的水平对齐特征/垂直对齐特征。

    HorizontalContentAlignment/VerticalContentAlignment：获取或设置控件内容的水平对齐方式/垂直对齐方式。

**************************************************************************************************************

3、具体代码示例

<StackPanel Margin="20">
	<RadioButton Name="rb1" Checked="WriteText2" Foreground="#dddddd" Margin="10" IsChecked="True">Yes</RadioButton>
	<RadioButton Name="rb2" Checked="WriteText2" Foreground="#dddddd" Margin="10">No</RadioButton>
	<RadioButton Name="rb3" Checked="WriteText2" Foreground="#dddddd" Margin="10">No opinion</RadioButton>
	<TextBlock Foreground="#dddddd" Margin="10" FontSize="15">
		<Run >选中项为：</Run>
		<Run x:Name="txtb"></Run>
	</TextBlock>        
</StackPanel>


代码示例二
<StackPanel Margin="20" >
	<RadioButton Name="rb1" Width="160" Checked="WriteText2" Foreground="#dddddd" Margin="10" IsChecked="True">Yes</RadioButton>

	<Border Background="Teal" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="10">
		<RadioButton Name="rb2" Checked="WriteText2" Foreground="#dddddd" FontSize="15" FontFamily="微软雅黑"
				 Width="160" Height="45" HorizontalContentAlignment="Right" VerticalContentAlignment="Center">No</RadioButton>
	</Border>
	<!--设置元素流动方向为从右往左，控件内容水平居右，垂直居下-->
	<Border Background="Teal" HorizontalAlignment="Center" VerticalAlignment="Center">
		<RadioButton Name="rb3" Checked="WriteText2" Foreground="#dddddd"  FlowDirection="RightToLeft" 
				Width="160" Height="45" Content="No opinion" FontSize="15" HorizontalContentAlignment="Right" VerticalContentAlignment="Bottom"></RadioButton>
	</Border>
	<TextBlock Foreground="#dddddd" Margin="10" FontSize="15">
		<Run >选中项为：</Run>
		<Run x:Name="txtb"></Run>
	</TextBlock>        
</StackPanel>

代码示例三
<StackPanel>
	<RadioButton GroupName="colorgrp" Margin="10" Foreground="#dddddd" IsChecked="True">Red</RadioButton>
	<RadioButton GroupName="colorgrp" Margin="10"  Foreground="#dddddd" >Blue</RadioButton>
	<RadioButton GroupName="numgrp" Margin="10"  Foreground="#dddddd" IsChecked="True">1</RadioButton>
	<RadioButton GroupName="numgrp" Margin="10"  Foreground="#dddddd" >2</RadioButton>
</StackPanel>

后台代码

private void WriteText2(object sender, RoutedEventArgs e)
{
	RadioButton radioButton = (sender as RadioButton);
	if (radioButton != null && radioButton.Content != null)
	{
		txtb.Text = radioButton.Content.ToString();
	}
}

**************************************************************************************************************

4、效果图

示例二效果图，对FlowDirection进行设置，第三个单选按钮效果如下

**************************************************************************************************************

5、总结和扩展

    如果要在同一个布局块中，创建连个单独的RadioButton组，那么就需要对RadioButton进行分组，分组的话要使用GroupName属性，同一组的RadioButton，组名要一样，这样就可以区分了，具体示例参考代码三。

**************************************************************************************************************