在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。第一个方法可以让我们来判断是否可以执行这个命令,第二个方法就是我们具体的命令。
1 using System; 2 3 using System.Collections.Generic; 4 5 using System.Linq; 6 7 using System.Text; 8 9 using System.Windows.Input; 10 11 12 13 /***********************作者:黄昏前黎明后********************************** 14 15 * 作者:黄昏前黎明后 16 17 * CLR版本:4.0.30319.42000 18 19 * 创建时间:2018-04-05 22:57:56 20 21 * 命名空间:Example3 22 23 * 唯一标识:b9043d4c-fdd7-4e0f-a324-00f0f09286d0 24 25 * 机器名称:HLPC 26 27 * 联系人邮箱:hl@cn-bi.com 28 29 * 30 31 * 描述说明: 32 33 * 34 35 * 修改历史: 36 37 * 38 39 * 40 41 *****************************************************************/ 42 43 namespace Example3 44 45 { 46 47 public class RelayCommand : ICommand 48 49 { 50 51 #region 字段 52 53 readonly Func<Boolean> _canExecute; 54 55 readonly Action _execute; 56 57 #endregion 58 59 60 61 #region 构造函数 62 63 public RelayCommand(Action execute) 64 65 : this(execute, null) 66 67 { 68 69 } 70 71 public RelayCommand(Action execute, Func<Boolean> canExecute) 72 73 { 74 75 if (execute == null) 76 77 throw new ArgumentNullException("execute"); 78 79 _execute = execute; 80 81 _canExecute = canExecute; 82 83 } 84 85 #endregion 86 87 88 89 #region ICommand的成员 90 91 public event EventHandler CanExecuteChanged 92 93 { 94 95 add 96 97 { 98 99 100 101 if (_canExecute != null) 102 103 CommandManager.RequerySuggested += value; 104 105 } 106 107 remove 108 109 { 110 111 112 113 if (_canExecute != null) 114 115 CommandManager.RequerySuggested -= value; 116 117 } 118 119 } 120 121 122 123 [DebuggerStepThrough] 124 125 public Boolean CanExecute(Object parameter) 126 127 { 128 129 return _canExecute == null ? true : _canExecute(); 130 131 } 132 133 134 135 public void Execute(Object parameter) 136 137 { 138 139 _execute(); 140 141 } 142 143 #endregion 144 145 } 146 147 } 148 149
我们再在我们的NameViewModel中声明一个ICommand字段:
1 #region 命令 2 3 void UpdateNameExecute() 4 5 { 6 7 this.UserName = "黄昏前黎明后"; 8 9 this.CompanyName = "中软易通科技"; 10 11 } 12 13 14 15 bool CanUpdateNameExecute() 16 17 { 18 19 return true; 20 21 } 22 23 24 25 public ICommand UpdateName { get { return new RelayCommand(UpdateNameExecute, CanUpdateNameExecute); } } 26 27 28 29 #endregion
最后,我们再将事件绑定上这个Command:
<Button Content=”更新” Command=”{Binding UpdateName}” Margin=”20″/>
运行一下,看结果。我们成功将事件分离了出来。
看到上面的结果,似乎目前为止我们已经很好的解决了所有的问题。我们看到运行的数据,事件都是绑定的,实现了界面的完美分离。实际在处理问题是好像需要考虑通用性,这时我们能否把MVVM提取出来作为一个框架,来去更好的解决问题。下一次我们一起来看看怎么进行提取成为通用框架。
本文的DEMO下载地址:WPFMVVMDemo2.zip