补漏:MVVM编写控件时忘记说明的一个问题(keng)

补漏:MVVM编写控件时忘记说明的一个问题(keng)


在前文《浅谈MVVM模式在控件编写中的一些概念和操作方法》中我做出了这样子的说明:

在编写ViewModelUserControl的依赖属性的setter的时候我们需要添加一个是否更新的判断来解决循环通知的问题。

但事实上基于这个说法是有一个不容易发现的坑的,这个问题主要发生在UserControl的依赖属性上。问题在哪儿呢?我们把之前编写的UserControl的后台代码拿出来看看:

TestContro.xaml.cs:

using GalaSoft.MvvmLight.Messaging;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace MVVM_for_UserControl_Test
{
    /// <summary>
    /// UserControl1.xaml 的交互逻辑
    /// </summary>
    public partial class TestControl : UserControl
    {
        public String MyText
        {
            get { return (String)GetValue(MyTextProperty); }
            set {
                if(value == (String)GetValue(MyTextProperty))
                {
                    return;
                }
                SetValue(MyTextProperty, value);
            }
        }
        // Using a DependencyProperty as the backing store for MyProperty.  This enables animation, styling, binding, etc...
        public static readonly DependencyProperty MyTextProperty =
            DependencyProperty.Register("MyText", typeof(String), typeof(TestControl), new PropertyMetadata("", OnMyTextChanged));
        private static void OnMyTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            var control = d as TestControl;
            Messenger.Default.Send<String>(control.MyText, MessageTokens.MyTextChangedFromView);
        }
        public TestControl()
        {
            InitializeComponent();
            Messenger.Default.Register<String>(this, MessageTokens.MyTextChangedFromViewModel, (msg) =>
            {
                MyText = msg;
            });
        }
    }
}

注意到这一行:

        public static readonly DependencyProperty MyTextProperty =
            DependencyProperty.Register("MyText", typeof(String), typeof(TestControl), new PropertyMetadata("", OnMyTextChanged));

这里我们注册了这个依赖属性,看起来并没有什么问题,我们指定这个依赖属性的默认值为空字符串,一切看起来似乎都很正常。

现在我们考虑这么一个问题,假设我想要让这个依赖属性的默认值为"Hello, World",并且我们确实这样子设置了:

        public static readonly DependencyProperty MyTextProperty =
            DependencyProperty.Register("MyText", typeof(String), typeof(TestControl), new PropertyMetadata("Hello, World", OnMyTextChanged));

同时当我们Main View中的要绑定到这个依赖属性上的Model的依赖属性的初始值刚好也是"Hello, World"的话,那么在进行数据绑定的时候会发生什么问题?

那么将会因为我们之前的那个if(value == (String)GetValue(MyTextProperty))导致后面的SetValue(MyTextProperty, value);根本不执行,也就间接地导致MyText属性的修改后的回调函数不会被调用,因此我们的应用在初始化绑定的时候,ViewModel将不会向View发送任何消息以要求View更新界面**,BUG就出现了。

针对这个问题,解决方法很简单,那就是不为UserControl的依赖属性指定任何初始值,直接写成:

        public static readonly DependencyProperty MyTextProperty =
            DependencyProperty.Register("MyText", typeof(String), typeof(TestControl), new PropertyMetadata(OnMyTextChanged));

即可,这样一来,初始化绑定的时候无论传什么值进来,MyText都会被修改进而触发OnMyTextChanged回调方法。

那么可能就有这么一个问题了:那么UserControl的依赖属性的初始值要在哪里设置呢?答案是在ViewModel中设置:

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Messaging;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
namespace MVVM_for_UserControl_Test
{
    enum MessageTokens
    {
        MyTextChangedFromView,
        MyTextChangedFromViewModel,
    }
    public class TestViewModel : ViewModelBase
    {
        private String _myText = "Hello, World";
        public String ThisText
        {
            get { return _myText; }
            set
            {
                if(_myText == value)
                {
                    return;
                }
                _myText = value;
                Messenger.Default.Send<String>(value, MessageTokens.MyTextChangedFromViewModel);
                RaisePropertyChanged(() => ThisText);
            }
        }
        public TestViewModel()
        {
            Messenger.Default.Register<String>(this, MessageTokens.MyTextChangedFromView, (msg) =>
            {
                ThisText = msg;
            });
        }
    }
}

因此总结出来一个规定那就是:

  1. 不应该在UserControl的依赖属性注册的时候为它设定任何初始值;
  1. 应该在ViewModel中为相应的UserControl的依赖属性注册初始值。

这个问题也可能是相当不容易察觉到的,放到之前的代码中没有提到是因为我们的初始值是一个String,大多数情况我们的Model是不会绑定一个空字符串上去的,所以也就不会触发上面所说的Bug。但是,如果我们为UserControl定义了一个依赖属性是double类型的,并且限制它的范围是0.0-1.0,那么有极大的可能我们绑上去的Model对应的属性一开始就设置成了1.0,于是BUG就发生了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,212评论 19 139
  • 原文:MVVM Tutorial with ReactiveCocoa: Part 1/2 你可能之前在推特看过这...
    吸氧阅读 6,549评论 9 11
  • 1、概述 Databinding 是一种框架,MVVM是一种模式,两者的概念是不一样的。我的理解DataBindi...
    Kelin阅读 77,048评论 68 520
  • 2017年8月14号 星期一 天气阴有小雨 二年级二班吕紫萱妈妈 儿子今天开学了,别看平常姐弟俩在一块战争不...
    紫萱妈咪阅读 1,616评论 0 4
  • 1.单片机内部资源三大指标: a.FLASH(程序存储控件<ROM>) 相当于: 电脑硬盘(断点后还保存在) b....
    廖马儿阅读 5,931评论 0 5

友情链接更多精彩内容