Silverlight - RadioButton 单选按钮

• 通常，单选按钮按其容器分组。 这意味着，如果您将三个 RadioButton 控件放置在一个 StackPanel 中，它们就会形成一个组，您可以从中仅选择这三个控件之一。

• 另一方面，如果将单选按钮组合放置在两个单独的 StackPanel 控件中，则您将拥有两个独立的组。

RadioButton类的层次继承如下 −

下面给出的是RadioButton最常用的属性。

下面是RadioButton常用的方法。

下面是RadioButton常用的事件。

示例

让我们看一个简单的示例，其中包含不同的按钮。

<UserControl x:Class = "Buttons.MainPage" 
   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" 
   mc:Ignorable = "d" 
   d:DesignHeight = "300" d:DesignWidth = "400"> 
	
   <StackPanel x:Name = "LayoutRoot" Background = "White"> 
      <Button x:Name = "button" Content = "Click Me" HorizontalAlignment = "Left"  
         Margin = "10" VerticalAlignment = "Top" Width = "75"/>
			
      <StackPanel> 
		
         <Border Margin = "5" Padding = "5" BorderBrush = "Yellow" BorderThickness = "1" 
            CornerRadius = "5"> 
				
            <StackPanel>
               <RadioButton Content = "Group 1"/> 
               <RadioButton Content = "Group 1"/> 
               <RadioButton Content = "Group 1"/>
               <RadioButton GroupName = "Group3" Content = "Group 3"/>
            </StackPanel> 
				
         </Border>
			
         <Border Margin = "5" Padding = "5" BorderBrush = "Yellow" BorderThickness = "1" 
            CornerRadius = "5"> 
				
            <StackPanel>
               <RadioButton Content = "Group 2"/> 
               <RadioButton Content = "Group 2"/> 
               <RadioButton Content = "Group 2"/>
               <RadioButton GroupName = "Group3" Content = "Group 3"/>
            </StackPanel>
         </Border>
			
      </StackPanel> 
		
      <CheckBox x:Name = "checkBox1" Content = "Two States" HorizontalAlignment = "Left"  
         VerticalAlignment = "Top" Checked = "HandleCheck" Margin = "10,0,0,0" 
         Unchecked = "HandleUnchecked" Width = "90"/> 
			
      <CheckBox x:Name = "checkBox2" Content = "Three States" HorizontalAlignment = "Left"  
         VerticalAlignment = "Top" Width = "90" IsThreeState = "True" Margin = "10,0,0,0" 
         Indeterminate = "HandleThirdState" Checked = "HandleCheck" 
         Unchecked = "HandleUnchecked"/>
			
      <TextBox x:Name = "textBox1" HorizontalAlignment = "Left" Margin = "10,0,0,0" 
         TextWrapping = "Wrap" VerticalAlignment = "Top" Width = "300"/>
			
      <TextBox x:Name = "textBox2" HorizontalAlignment = "Left" 
         Margin = "10,0,0,0" Height = "23" TextWrapping = "Wrap" 
         VerticalAlignment = "Top" Width = "300"/>
			
   </StackPanel>
	
</UserControl>

这里有两个容器，其中包含三组单选按钮。 每个组框底部的最后一个单选按钮是第三组的一部分。 还有两个状态和三个状态复选框。

下面给出的是事件实现的 C# 代码。

using System.Windows; 
using System.Windows.Controls;  

namespace Buttons { 

   public partial class MainPage : UserControl { 
	
      public MainPage() { 
         InitializeComponent(); 
      } 
		
      private void HandleCheck(object sender, RoutedEventArgs e) { 
         CheckBox cb = sender as CheckBox; 
			
         if (cb.Name == "checkBox1") textBox1.Text = "2 state CheckBox is checked."; 
         else textBox2.Text = "3 state CheckBox is checked."; 
      } 
		
      private void HandleUnchecked(object sender, RoutedEventArgs e) { 
         CheckBox cb = sender as CheckBox;
			
         if (cb.Name == "checkBox1") textBox1.Text = "2 state CheckBox is unchecked."; 
         else textBox2.Text = "3 state CheckBox is unchecked."; 
      }  
		
      private void HandleThirdState(object sender, RoutedEventArgs e) { 
         CheckBox cb = sender as CheckBox; 
         textBox2.Text = "3 state CheckBox is in indeterminate state."; 
      } 
		
   } 
}

上述代码编译执行后，显示如下网页。

silverlight_buttons.html