美文网首页C#程序员WEB前端程序开发
补漏:MVVM编写控件时忘记说明的一个问题(keng)

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

作者: Huisama | 来源:发表于2017-01-02 22:27 被阅读53次

    补漏: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就发生了。

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/ofkgvttx.html