WPF 单选按钮（二）（绑定到布尔值）

Question

我有一个带有复选框的布尔类型属性。

我想将其更改为绑定在同一属性上的两个单选按钮，显示值 true/false。

那怎么办呢？

Answer 1

<RadioButton GroupName="Group1" 
             IsChecked="{Binding PropertyValue}" Content="Yes" />
<RadioButton GroupName="Group1"  Content="No" 
             IsChecked="{Binding PropertyValue, 
                         Converter={StaticResource BoolInverterConverter}}" />

public class BoolInverterConverter : IValueConverter
{
    #region IValueConverter Members

    public object Convert(object value, Type targetType, object parameter,
        System.Globalization.CultureInfo culture)
    {
        if (value is bool)
        {
            return !(bool)value;
        }
        return value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, 
        System.Globalization.CultureInfo culture)
    {
        if (value is bool)
        {
            return !(bool)value;
        }
        return value;
    }

    #endregion
}

Answer 2

标准绑定方法有一个不幸的副作用，即每当加载 UI 时都会将绑定设置器触发为“未选择”。因此，如果您有代码来处理用户在 bool 的 setter 中的点击，它会做一些奇怪的事情，例如将 setter 触发为“false”，即使您已将其绑定到“true”bool。

我使用专门用于单选按钮的转换器解决了这个问题：

public class BoolRadioConverter : IValueConverter
{
    public bool Inverse { get; set; }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool boolValue = (bool) value;

        return this.Inverse ? !boolValue : boolValue;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool boolValue = (bool)value;

        if (!boolValue)
        {
            // We only care when the user clicks a radio button to select it.
            return null;
        }

        return !this.Inverse;
    }
}

在您的资源中：

<converters:BoolRadioConverter x:Key="BoolRadioConverter" />
<converters:BoolRadioConverter x:Key="InverseBoolRadioConverter" Inverse="True" />

在您的 xaml 中：

<RadioButton
    Content="True option"
    GroupName="radioGroup1"
    IsChecked="{Binding MyProperty,
                        Converter={StaticResource BoolRadioConverter}}" />
<RadioButton
    Content="False option"
    GroupName="radioGroup2"
    IsChecked="{Binding MyProperty,
                        Converter={StaticResource InverseBoolRadioConverter}}" />

Answer 3

您可以使用一个值转换器来恢复布尔值：

使用该转换器，将一个 Checkbox.IsChecked 属性绑定到不带转换器的布尔值，并将一个 CheckBox.IsChecked 属性绑定到带转换器的布尔值。这应该可以解决问题。

这是此类转换器的代码。我从此处复制了它并添加了一些代码行。在那里您将找到有关的更多信息。

public class BoolToOppositeBoolConverter : IValueConverter {
    public object Convert(object value, Type targetType, object parameter,System.Globalization.CultureInfo culture) {
        if (targetType != typeof(bool)) {
            throw new InvalidOperationException("The target must be a boolean");
        }
        if (null == value) {
            return null;
        }
                    return !(bool)value;
    }

    public object ConvertBack(object value, Type targetType, object parameter,System.Globalization.CultureInfo culture) {
        if (targetType != typeof(bool)) {
            throw new InvalidOperationException("The target must be a boolean");
        }
        if (null == value) {
            return null;
        }
        return !(bool)value;
    }
} 

要使用它，请在资源部分中声明它。

 <local:BoolToOppositeBoolConverter x:Key="BoolToOppositeBoolConverter_ValueConverter"/>

并在绑定中将其用作静态资源：

<CheckBox IsChecked="{Binding YourProperty}" />
<CheckBox IsChecked="{Binding YourProperty,Converter={StaticResource BoolToOppositeBoolConverter_ValueConverter}}" />

请注意，转换器只是一个简单的示例。如果您想在生产代码中使用它，请巧妙地实现它。我还没有测试过。如果不起作用请发表评论。

Answer 4

如果将两个单选按钮的 GroupName 属性设置为相同的值（因此一次只能选中一个），则无需转换器即可实现此目的。然后，将一个单选按钮的 IsChecked 设置为“True”，并将另一个单选按钮的 IsChecked 绑定到您的布尔值。切换单选按钮将更改布尔值，但是，将布尔值更改为 False 将不会检查其他单选按钮。

谢谢，
弗拉德

Answer 5

以下是如何使用示例代码将单选按钮绑定到任何类型（枚举、布尔值、字符串、整数等）的解决方案：

http://www.codeproject.com/Tips/720497/Binding-Radio-Buttons-to-a-Single-Property

Answer 6

当使用 MVVMLight 且在 XAML 中将 DataContext 设置为：

DataContext="{Binding <Your ViewModel property name>, Source={StaticResource Locator}}" 

BoolInverterConverter 导致 Stack Overflow 时第二次打开窗户。

解决方法是从 XAML 中删除 DataContext ，并在 InitializeComponent() 之后在窗口构造函数中的代码中执行此操作：

DataContext = ServiceLocator.Current.GetInstance<Your View Model class>();

经过一些测试，这还不够 - 可能会弹出堆栈溢出错误单击单选按钮时随机。对我有用的解决方案 - 使用组中其他单选按钮的另一个属性而不是转换器：

public bool Is9to1 { get; set; }
public bool Is1to9 { get { return !Is9to1; } set { Is9to1 = !value; } } 

在 XAML 中：

   <RadioButton GroupName="Is9to1" IsChecked="{Binding Is1to9}"/>
   <RadioButton GroupName="Is9to1" IsChecked="{Binding Is9to1}"/>

Answer 7

ragunathan 的 的简化版本回答。

public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) =>
    Convert(value);

public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) =>
    Convert(value);

private object Convert(object value) => 
    value is bool ? !(bool)value : value;

Answer 8

如果您希望 bool 可以为空（没有默认值/选中单选按钮），则对 RandomEngy 的答案进行一点升级

public class BoolRadioConverter : IValueConverter
{
    public bool Inverse { get; set; }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool? boolValue = (bool?)value;

        return this.Inverse ? !boolValue : boolValue;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool? boolValue = (bool?)value;

        if (boolValue != null && (bool)!boolValue)
        {
            // We only care when the user clicks a radio button to select it.
            return null;
        }

        return !this.Inverse;
    }
}

，其余部分与他的答案相同。

Answer 9

从 Mr-RandomQC 的答案一切正常。但是当我单击同一组中的另一个收音机时。然后对面的单选按钮将在单选按钮周围显示一个红色框。

我从他的答案中稍微更改了代码，以返回 Binding.DoNothing 而不是像这样返回 null 。

public class BoolRadioConverter : IValueConverter
{
    public bool Inverse { get; set; }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool boolValue = (bool)value;

        return this.Inverse ? !boolValue : boolValue;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool boolValue = (bool)value;

        if (!boolValue)
        {
            // Return Binding.DoNothing instead of Return null
            return Binding.DoNothing;
        }

        return !this.Inverse;
    }
}

Answer 10

迟到的答案，但我们多年来一直这样做，首先是 WPF，现在是 WinUI 3

<StackPanel>

<TextBlock Text="Payment terms" />

<RadioButton
    x:Name="rdo_on_account"
    Content="Account"
    GroupName="account"
    IsChecked="{x:Bind ViewModel.IsOnAccount, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />

<RadioButton
    Content="Cash"
    GroupName="account"
    IsChecked="{Binding ElementName=rdo_on_account, Path=IsChecked, Converter={StaticResource BoolInvert}}" />
    
</StackPanel>



public class BoolInvert : IValueConverter
{
// convert the value to the destination format
public object Convert(object value, Type targetType, object parameter, string language)
{
    if (value is bool)
    {
        if ((bool)value == true)
        {
            return false;
        }
        else
        {
            return true;
        }
    }

    //not a bool
    return value;
}

// convert from the destination format to the source format
public object ConvertBack(object value, Type targetType, object parameter, string language)
{
    return value;
}
}