StackPanel中ToggleButton至多单选中规则失效：多按钮同时选中如何处理？

嘿，这个问题我太熟了！你遇到的是ToggleButton的一个常见特性——它本身并没有内置的单选分组功能，所以默认情况下多个ToggleButton完全可以同时处于选中状态。要解决这个问题，有几个简单又靠谱的方案，看你需求选：

方法1：直接改用RadioButton（最推荐，零额外逻辑） #

RadioButton天生就是为单选场景设计的，只要给同一组内的按钮设置相同的GroupName属性，就能自动实现“同一时间只能选一个”的效果。而且你完全可以通过样式把RadioButton改成ToggleButton的外观，UI上看不出任何区别：

<StackPanel>
    <RadioButton GroupName="DisplayType" Content="3D" Style="{StaticResource {x:Type ToggleButton}}"/>
    <RadioButton GroupName="DisplayType" Content="Text" Style="{StaticResource {x:Type ToggleButton}}"/>
    <!-- 其他需要加入单选组的按钮 -->
</StackPanel>

这里用{StaticResource {x:Type ToggleButton}}直接引用系统默认的ToggleButton样式，RadioButton就会和原来的ToggleButton长得一模一样，同时保留单选的特性。

方法2：给ToggleButton手动实现单选逻辑（必须保留ToggleButton时用） #

如果因为业务限制不能换成RadioButton，那可以通过两种方式来控制选中状态：

方式A：MVVM绑定（优雅解耦） #

在你的ViewModel里定义一个SelectedDisplayMode属性（比如字符串或枚举类型），然后给每个ToggleButton绑定IsChecked，配合一个转换器实现单选：

<StackPanel>
    <ToggleButton Content="3D" 
                  IsChecked="{Binding SelectedDisplayMode, 
                                      Converter={StaticResource StringEqualsConverter}, 
                                      ConverterParameter='3D'}"/>
    <ToggleButton Content="Text" 
                  IsChecked="{Binding SelectedDisplayMode, 
                                      Converter={StaticResource StringEqualsConverter}, 
                                      ConverterParameter='Text'}"/>
</StackPanel>

然后实现一个StringEqualsConverter：

public class StringEqualsConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return string.Equals(value?.ToString(), parameter?.ToString());
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return (bool)value ? parameter : Binding.DoNothing;
    }
}

这样当你选中某个按钮时，ViewModel的SelectedDisplayMode会更新为对应的值，其他按钮的IsChecked会自动变为false。

方式B：后台代码监听事件（快速临时方案） #

如果是小型项目或者不需要MVVM，也可以直接在后台监听ToggleButton的Checked事件，当某个按钮被选中时，把同组的其他按钮设为未选中：

private void ToggleButton_Checked(object sender, RoutedEventArgs e)
{
    var activeBtn = sender as ToggleButton;
    if (activeBtn == null) return;

    // 遍历StackPanel里的所有ToggleButton
    foreach (var btn in MyStackPanel.Children.OfType<ToggleButton>())
    {
        if (btn != activeBtn)
        {
            btn.IsChecked = false;
        }
    }
}

记得给每个需要加入单选组的ToggleButton都绑定这个事件就行。不过这种方式耦合性比较高，适合快速解决问题，不推荐在大型项目里用。

小提醒 #

如果你的项目里用了第三方UI库（比如MahApps.Metro、MaterialDesignInXamlToolkit），很多库都已经封装好了带单选分组的ToggleButton组件，直接用也可以，但上面的原生方案足够解决绝大多数场景了。

内容的提问来源于stack exchange，提问作者A.Djamaa