UWP -启用Bugs单选按钮

Question

我有3个单选按钮，如下图所示：

​

当我选择低选项时，高选项也被选中(因此有两个选项被选中)，如下图所示：

​

但是当应用程序运行时，只有低选项被选中。我希望在选择low选项时，只选中low选项。

XAML：

<StackPanel x:Name="highStack" Grid.Row="0" Orientation="Vertical">
                            <RadioButton x:Name="highBtn" Margin="0,10,0,0" Content="High" FontSize="18" IsChecked="True" HorizontalAlignment="Left"/>
                            <TextBlock x:Name="highSize" Margin="30,5,0,0" FontSize="15" VerticalAlignment="Center" HorizontalAlignment="Left"/>
                        </StackPanel>

                        <StackPanel x:Name="medStack" Grid.Row="1" Orientation="Vertical">
                            <RadioButton x:Name="medBtn" Margin="0,15,0,0" Content="Medium" FontSize="18" IsChecked="False" HorizontalAlignment="Left"/>
                            <TextBlock x:Name="medSize" Margin="30,5,0,0" FontSize="15" HorizontalAlignment="Left"/>
                        </StackPanel>

                        <StackPanel x:Name="lowStack" Grid.Row="2" Orientation="Vertical">
                            <RadioButton x:Name="lowBtn" Margin="0,15,0,0" Content="Low" FontSize="18" IsChecked="False" HorizontalAlignment="Left"/>
                            <TextBlock x:Name="lowSize" Margin="30,5,0,0" FontSize="15" HorizontalAlignment="Left"/>
                        </StackPanel>

怎么处理呢？

Answer 1

您需要设置GroupName属性：

<StackPanel x:Name="highStack" Grid.Row="0" Orientation="Vertical">
    <RadioButton x:Name="highBtn" GroupName = "MyGroup" Margin="0,10,0,0" Content="High" FontSize="18" IsChecked="True" HorizontalAlignment="Left"/>
    <TextBlock x:Name="highSize" Margin="30,5,0,0" FontSize="15" VerticalAlignment="Center" HorizontalAlignment="Left"/>
</StackPanel>

<StackPanel x:Name="medStack" Grid.Row="1" Orientation="Vertical">
    <RadioButton x:Name="medBtn" GroupName = "MyGroup"  Margin="0,15,0,0" Content="Medium" FontSize="18" IsChecked="False" HorizontalAlignment="Left"/>
    <TextBlock x:Name="medSize" Margin="30,5,0,0" FontSize="15" HorizontalAlignment="Left"/>
</StackPanel>

<StackPanel x:Name="lowStack" Grid.Row="2" Orientation="Vertical">
    <RadioButton x:Name="lowBtn" GroupName = "MyGroup"  Margin="0,15,0,0" Content="Low" FontSize="18" IsChecked="False" HorizontalAlignment="Left"/>
    <TextBlock x:Name="lowSize" Margin="30,5,0,0" FontSize="15" HorizontalAlignment="Left"/>
</StackPanel>

单选按钮可以隐式分组(例如，在同一StackPanel中)，也可以显式分组(如上所述)。参见Microsoft Guidelines on RadioButtons in UWP。