今天遇到一个神奇的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 ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系