前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >2020-5-14-WPF的RadioButton指定groupname在window关闭后无法check

2020-5-14-WPF的RadioButton指定groupname在window关闭后无法check

作者头像
黄腾霄
发布2020-06-10 15:20:04
8100
发布2020-06-10 15:20:04
举报
文章被收录于专栏:黄腾霄的博客黄腾霄的博客

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


问题描述

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

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

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

代码语言:javascript
复制
        <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>
代码语言:javascript
复制
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
2020-05-14-radio-buttons-in-opened-windows

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

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

原因探究

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

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

  • 初始情况下,我们的两个窗口都处于未点击状态
image-20200514162714356
image-20200514162714356
  • 接着我们尝试点击未关闭的那个窗口的RadioButton,他的状态变成了checked 同时,因为binding,ViewModel的属性也变为true,使关闭的那个window(未被GC)也置为checked
image-20200514163308927
image-20200514163308927
  • 接着就是问题所在了,已经被关闭的window会和还存在的window被识别为同一个GroupName的域。因此 同一个域中的一个RadioButton被点击,会让其他RadioButton被Unchecked。
image-20200514163629986
image-20200514163629986
  • 接着就是通过binding,使得ViewModel属性至为false,其他地方被unchecked
image-20200514163823510
image-20200514163823510

验证

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

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

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

image-20200514164906253
image-20200514164906253

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

image-20200514165017908
image-20200514165017908

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

临时方案

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

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

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

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

代码如下:

代码语言:javascript
复制
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);
        }
    }
代码语言:javascript
复制
<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 ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-05-14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 问题描述
  • 原因探究
  • 验证
  • 临时方案
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档