欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

WPF自学入门(十一)WPF MVVM模式Command命令

程序员文章站 2022-08-12 20:43:48
在WPF自学入门(十)WPF MVVM简单介绍中的示例似乎运行起来没有什么问题,也可以进行更新。但是这并不是我们使用MVVM的正确方式。正如上一篇文章中在开始说的,MVVM的目的是为了最大限度地降低了Xaml文件和CS文件的耦合度,分离界面和业务逻辑,所以我们要尽可能的在View后台不写代码。但是这 ......

        在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"/>

运行一下,看结果。我们成功将事件分离了出来。

WPF自学入门(十一)WPF MVVM模式Command命令

 

     看到上面的结果,似乎目前为止我们已经很好的解决了所有的问题。我们看到运行的数据,事件都是绑定的,实现了界面的完美分离。实际在处理问题是好像需要考虑通用性,这时我们能否把MVVM提取出来作为一个框架,来去更好的解决问题。下一次我们一起来看看怎么进行提取成为通用框架。

 

本文的DEMO下载地址:WPFMVVMDemo2.zip

https://pan.baidu.com/s/1xZvsrMbDOXlpvDbCh2Af3Q 密码:6666