今天遇到一个神奇的WPF的RadioButton的group问题，和大家介绍下。

问题描述

英文好的同学可以直接看吕毅 - walterlv同学在github提的issue。

最小复现demo，见毅仔的仓库

我将一组RadioButton关联到了同一个GroupName下，并且绑定了同一个ViewModel。

        <Border>
            <RadioButton GroupName="A" IsChecked="{Binding Bar, Source={x:Static local:Foo.Instance}}" Content="Option 1" />
        </Border>
        <Border>
            <RadioButton GroupName="A" Content="Option 2" />
        </Border>
        <Border>
            <RadioButton GroupName="A" Content="Option 3" />
        </Border>

public class Foo : INotifyPropertyChanged
    {
        public static Foo Instance { get; } = new Foo();

        public bool Bar
        {
            get => _bar;
            set
            {
                if (!Equals(_bar, value))
                {
                    _bar = value;
                    PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Bar)));
                }
            }
        }

        private bool _bar;
        public event PropertyChangedEventHandler PropertyChanged;
    }

然后开启两个窗口，此时显示正常（图片来自吕毅）

2020-05-14-radio-buttons-in-opened-windows

如果我们关闭其中一个窗口，另一个窗口就不能再点击至check状态（图片来自吕毅）

2020-05-14-radio-buttons-in-closed-windows

原因探究

通过vs断点，我们可以发现ViewModel中被绑定的数值，在点击option1时，先变成true，再变成false。

那么很显然问题是这样的。

  • 初始情况下，我们的两个窗口都处于未点击状态

image-20200514162714356

  • 接着我们尝试点击未关闭的那个窗口的RadioButton，他的状态变成了checked 同时，因为binding，ViewModel的属性也变为true，使关闭的那个window（未被GC）也置为checked image-20200514163308927

  • 接着就是问题所在了，已经被关闭的window会和还存在的window被识别为同一个GroupName的域。因此 同一个域中的一个RadioButton被点击，会让其他RadioButton被Unchecked。 image-20200514163629986

  • 接着就是通过binding，使得ViewModel属性至为false，其他地方被unchecked

    image-20200514163823510

验证

按照猜想，我们已经关闭的窗口的GroupName的scope会和全局的保持为同一个。

因此可以去WPF的源码看看。

我们可以在RadioButton.cs看到其中的代码是依赖于visual root

image-20200514164906253

不过问题在于如果完全按照referenceSouce的实现，这里不会出现问题

image-20200514165017908

因此，这里还需要进一步调查

临时方案

既然知道了是GroupName的scope问题，那么我们可以通过一些方法，针对每一个不同的View实例，提供不同的GroupName字符串。

这类我创建了一个静态类GroupNameProvider，提供了一个附加属性BuildScope

当BuildScope设置为true时，我们可以生成一个guid，并赋值给另一个只读附加属性GroupNameA。

这样我们的RadioButton就可以依赖于这个字符串，实现每个View有不同的GroupName。

代码如下：

public static class GroupNameProvider
    {
        public static readonly DependencyProperty BuildScopeProperty = DependencyProperty.RegisterAttached(
            "BuildScope", typeof(bool), typeof(GroupNameProvider), new PropertyMetadata(PropertyChangedCallback));

        private static void PropertyChangedCallback(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if (e.NewValue is bool value && value == true)
            {
                SetGroupNameA(d, Guid.NewGuid().ToString("N"));
            }
        }

        public static void SetBuildScope(DependencyObject element, bool value)
        {
            element.SetValue(BuildScopeProperty, value);
        }

        public static bool GetBuildScope(DependencyObject element)
        {
            return (bool) element.GetValue(BuildScopeProperty);
        }

        public static readonly DependencyProperty GroupNameAProperty = DependencyProperty.RegisterAttached(
            "GroupNameA", typeof(string), typeof(GroupNameProvider), new PropertyMetadata(default(string)));

        private static void SetGroupNameA(DependencyObject element, string value)
        {
            element.SetValue(GroupNameAProperty, value);
        }

        public static string GetGroupNameA(DependencyObject element)
        {
            return (string) element.GetValue(GroupNameAProperty);
        }
    }

<Grid x:Name="Panel" local:GroupNameProvider.BuildScope="True">
    <RadioButton IsChecked="{Binding Foo}"
      GroupName="{Binding ElementName=Panel,Path=(local:GroupNameProvider.GroupNameA)}"/>
</Grid>

参考文档：

本文会经常更新，请阅读原文： https://xinyuehtx.github.io/post/WPF%E7%9A%84RadioButton%E6%8C%87%E5%AE%9Agroupname%E5%9C%A8window%E5%85%B3%E9%97%AD%E5%90%8E%E6%97%A0%E6%B3%95check.html ，以避免陈旧错误知识的误导，同时有更好的阅读体验。

知识共享许可协议 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布，但务必保留文章署名黄腾霄（包含链接： https://xinyuehtx.github.io ），不得用于商业目的，基于本文修改后的作品务必以相同的许可发布。如有任何疑问，请 与我联系 。

相关文章