在WPF自学入门（十）WPF MVVM简单介绍中的示例似乎运行起来没有什么问题，也可以进行更新。但是这并不是我们使用MVVM的正确方式。正如上一篇文章中在开始说的，MVVM的目的是为了最大限度地降低了Xaml文件和CS文件的耦合度，分离界面和业务逻辑，所以我们要尽可能的在View后台不写代码。但是这个例子中，我们将更新ViewModel的代码写在了View里，下一个例子中，我们要通过命令(Command)的来将Button的事件分离出来。
因为本文中需要使用Command命令，我们先来简单了解Command命令。在WPF中使用命令的步骤很简单
1.创建命令
2.绑定命令
3.设置命令源
4.设置命令目标
WPF中命令的核心是System.Windows.Input.ICommand接口，所有命令对象都实现了此接口。当创建自己的命令时，不能直接实现ICommand接口，而是要使用System.Windows.Input.RouteCommand类，该类已经实现了ICommand接口，所有WPF命令都是RouteCommand类的实例。在程序中处理的大部分命令不是RoutedCommand对象，而是RoutedUICommand类的实例，它继承自RouteCommand类。
WPF提供了一个很好的方式来解决事件绑定的问题--ICommand。很多控件都有Command属性，如果没有，我们可以将命令绑定到触发器上。接下来我们来先实现一个ICommand接口。ICommand需要用户定义两个方法bool CanExecute和void Execute。第一个方法可以让我们来判断是否可以执行这个命令，第二个方法就是我们具体的命令。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows.Input;
/***********************作者：黄昏前黎明后**********************************
* 作者：黄昏前黎明后
* CLR版本：4.0.30319.42000
* 创建时间：2018-04-05 22:57:56
* 命名空间：Example3
* 唯一标识：b9043d4c-fdd7-4e0f-a324-00f0f09286d0
* 机器名称：HLPC
* 联系人邮箱：hl@cn-bi.com
*
* 描述说明：
*
* 修改历史：
*
*
*****************************************************************/
namespace Example3
{
public class RelayCommand : ICommand
{
#region 字段
readonly Func<Boolean> _canExecute;
readonly Action _execute;
#endregion
#region 构造函数
public RelayCommand(Action execute)
: this(execute, null)
{
}
public RelayCommand(Action execute, Func<Boolean> canExecute)
{
if (execute == null)
throw new ArgumentNullException("execute");
_execute = execute;
_canExecute = canExecute;
}
#endregion
#region ICommand的成员
public event EventHandler CanExecuteChanged
{
add
{
if (_canExecute != null)
CommandManager.RequerySuggested += value;
}
remove
{
if (_canExecute != null)
CommandManager.RequerySuggested -= value;
}
}
[DebuggerStepThrough]
public Boolean CanExecute(Object parameter)
{
return _canExecute == null ? true : _canExecute();
}
public void Execute(Object parameter)
{
_execute();
}
#endregion
}
}
我们再在我们的NameViewModel中声明一个ICommand字段：
#region 命令
void UpdateNameExecute()
{
this.UserName = "黄昏前黎明后";
this.CompanyName = "中软易通科技";
}
bool CanUpdateNameExecute()
{
return true;
}
public ICommand UpdateName { get { return new RelayCommand(UpdateNameExecute, CanUpdateNameExecute); } }
#endregion
最后，我们再将事件绑定上这个Command：
<Button Content="更新" Command="{Binding UpdateName}" Margin="20"/>
运行一下，看结果。我们成功将事件分离了出来。
看到上面的结果，似乎目前为止我们已经很好的解决了所有的问题。我们看到运行的数据，事件都是绑定的，实现了界面的完美分离。实际在处理问题是好像需要考虑通用性，这时我们能否把MVVM提取出来作为一个框架，来去更好的解决问题。下一次我们一起来看看怎么进行提取成为通用框架。
本文的DEMO下载地址:WPFMVVMDemo2.zip