【干货】个人工作文档节选：XAML MVVM 框架易用性细节优化Tips

1 易用性细节优化

1.1 代码片段

在ViewModel内，会有大量重复性的在Property set中激发 INotifyPropertyChanged.PropertyChanged 事件的代码。这种属性用已有的代码片段已经很难高效的输入。使用合适的代码片段在VM设计时不会因为过于机械的修改影响设计思路

1.1.1 Property Code Snippets

在项目模板中加入对应的code snippet

Sample:

键入 propvm [Tab] [Tab]后产生如下代码

  
private int _PropertyName;
public int PropertyName
{
　　get
　　{
　　　　return _PropertyName;
　　}
   set
　　{
    　　_PropertyName=value;
    　　RaisePropertyChanged(()=>PropertyName);
　　}
   
}

1.1.2 Command Code Snippets

同样作为Command<Object> 的属性也需要类似的code snippets

Sample:

键入 propcmd[Tab] [Tab]后产生如下代码

private Command<Object> _CommandName=
    new     Command<Object> (
        p=>{},
        p=>true);
    
public Command< Object > CommandName
{
    get
    {   
        return _CommandName;   
    }   
    set  
    {   
        _CommandName =value;   
        RaisePropertyChanged(()=>CommandName);   
    }
    
}
    
  
          

1.2 设计时支持

作为MVVM的UI开发设计基础，一个生产力足够高的框架应当能够为设计时提供VM的结构成员和设计时数据支持。

1.2.1 步骤：在设计视图添加设计时VM.

假设我们有一个ViewModel 类型为 My.Project.TestViewModel

在设计器正确引入如下命名空间时

…

</UserControl>

在设计器根节点加入

<d:FrameworkElement.DataContext>
<vm:TestViewModel />

</d:FrameworkElement.DataContext>

这时设计器会为View指定一个TestViewModel的新实例，此时绑定会用这个新实例为模板进行设计时支持，比如所见即所得的绑定结果显示，以及模板设计支持。

对于早期版本的 VS,或者WPF/SL 以外不能支持 blend设计时命名空间的平台，d:DataContext 不被设计时支持，这时候我们可能需要直接使用 <FrameworkElement.DataContext> 标记。这样做的代价可能是额外产生一个 ViewModel 对象引用。如果我们能够控制好 ViewModel 默认构造函数中调用的资源，这样做问题并不大，不失为一种办法。

1.2.2 步骤：在VM添加设计时数据与逻辑

由于设计时设计器会创建一个VM实例来帮助设计，VM的设计需要注意以下几点

l VM要具有默认构造函数，否则设计器无法将其实例化

l VM中的逻辑要能够判断当前运行环境是否在设计时

n 使用大量珍贵资源的逻辑在设计时不允许运行，比如

u Timer 逻辑

u IO操作

应当在适当位置添加 “IsInDesignMode” 静态属性，建议在 ViewModelBase中添加。

            static bool? _IsInDesignMode;
 
 
            /// <summary>
            /// <para>Gets if the code is running in design time. </para>
            /// <para>读取目前是否在设计时状态。</para>
            /// </summary>
            public static bool IsInDesignMode
            {
                get
                {
 
                    return (
                        _IsInDesignMode
                        ??
                        (
 
                            _IsInDesignMode =
#if SILVERLIGHT_5||WINDOWS_PHONE_8||WINDOWS_PHONE_7
                                DesignerProperties.IsInDesignTool
#elif NETFX_CORE
                                Windows.ApplicationModel.DesignMode.DesignModeEnabled
#else
                                (bool)System.ComponentModel.DependencyPropertyDescriptor
                                .FromProperty(
                                    DesignerProperties.IsInDesignModeProperty,
                         <br><br><br><br>           typeof(System.Windows.FrameworkElement))
                                .Metadata
                                .DefaultValue
#endif
                        ))
                        .Value;
                }
 
            }

在实现了这个属性之后在具体Vm的构造函数或Onload事件中用户就可以添加伪数据，也可以避免不能再设计时调用的功能被调用

比如下面这段代码

protected override async Task OnBindedViewLoad(MVVMSidekick.Views.IView view)
{
    await base.OnBindedViewLoad(view);
 
    if (IsInDesignMode)
    {
        HelloWorld = "Hello Mvvm world, Design mode sample";
    }
    else
    {
        if (Id == null)
        {
            Id = Guid.NewGuid().ToString();
        }
 
        GetValueContainer(x => x.CountDown).GetNullObservable()
            .Subscribe(
                _ =>
                {
                    HelloWorld = string.Format("Loading {0}", CountDown);
                }
            );
    }
 
}