MVVM的目的是为了最大限度地降低了XAML文件和CS文件的耦合度，分离界面和业务逻辑，所以我们要尽可能的在View后台不写代码。但是这个例子中，我们将更新ViewModel的代码写在了View里，下一个例子中，我们要通过命令(<font style="color:rgb(51, 51, 51);">Command</font>)的来将Button的事件分离出来。

Command

因为本文中需要使用<font style="color:rgb(51, 51, 51);">Command</font>命令，我们先来简单了解<font style="color:rgb(51, 51, 51);">Command</font>命令。在WPF中使用命令的步骤很简单： 
  1.     1. <font style="color:rgb(51, 51, 51);">创建命令</font>
  2.     2. <font style="color:rgb(51, 51, 51);">绑定命令</font>
  3.     3. <font style="color:rgb(51, 51, 51);">设置命令源</font>
  4.     4. <font style="color:rgb(51, 51, 51);">设置命令目标</font>
WPF中命令的核心是**<font style="color:#E8323C;">System.Windows.Input.ICommand</font>**接口，所有命令对象都实现了此接口。当创建自己的命令时，不能直接实现**<font style="color:#E8323C;">ICommand</font>**接口，而是要使用<font style="color:rgb(51, 51, 51);">System.Windows.Input.RouteCommand</font>类，该类已经实现了<font style="color:rgb(51, 51, 51);">ICommand</font>接口，所有WPF命令都是**<font style="color:rgb(51, 51, 51);">RoutedCommand</font>**类的实例。在程序中处理的大部分命令不是<font style="color:rgb(51, 51, 51);">RoutedCommand</font>对象，而是<font style="color:rgb(51, 51, 51);">RoutedUICommand</font>类的实例，它继承自<font style="color:rgb(51, 51, 51);">RoutedCommand</font>类。 WPF提供了一个很好的方式来解决事件绑定的问题—<font style="color:rgb(51, 51, 51);">ICommand</font>。很多控件都有**<font style="color:rgb(51, 51, 51);">Command</font>**属性，**如果没有，我们可以将命令绑定到触发器上**。接下来我们来先实现一个ICommand接口。<font style="color:rgb(51, 51, 51);">ICommand</font>需要用户定义两个方法<font style="color:rgb(51, 51, 51);">bool CanExecute</font>和<font style="color:rgb(51, 51, 51);">void Execute</font>。第一个方法可以让我们来判断是否可以执行这个命令，第二个方法就是我们具体的命令。 Name.cs代码沿用上一篇中的代码，不作修改，相应的名称空间换成Command即可。 
  1. using System;
  2. using System.Collections.Generic;
  3. using System.Diagnostics;
  4. using System.Linq;
  5. using System.Text;
  6. using System.Threading.Tasks;
  7. using System.Windows.Input;
  9. namespace Command
  10. {
  11.     public class RelayCommand : ICommand
  12.     {
  13.         #region 字段
  14.         readonly Func<Boolean> _canExecute;
  15.         readonly Action _execute;
  16.         #endregion
  18.         #region 构造函数
  19.         public RelayCommand(Action execute):this(execute,null)
  20.         {
  21.         }
  23.         public RelayCommand(Action execute,Func<Boolean> canExecute)
  24.         {
  25.             if (execute == null)
  26.             {
  27.                 throw new ArgumentNullException("execute");
  28.             }
  30.             _execute = execute;
  31.             _canExecute = canExecute;
  32.         }
  33.         #endregion
  35.         #region ICommand 成员
  36.         public event EventHandler CanExecuteChanged
  37.         {
  38.             add
  39.             {
  40.                 if (_canExecute != null)
  41.                     CommandManager.RequerySuggested += value;
  42.             }
  44.             remove
  45.             {
  46.                 if (_canExecute != null)
  47.                     CommandManager.RequerySuggested -= value;
  48.             }
  49.         }
  51.         [DebuggerStepThrough]
  52.         public bool CanExecute(object parameter)
  53.         {
  54.             return _canExecute == null ? true : _canExecute();
  55.         }
  57.         public void Execute(object parameter)
  58.         {
  59.             _execute();
  60.         }
  61.         #endregion
  62.     }
  63. }
  1. using System;
  2. using System.Collections.Generic;
  3. using System.ComponentModel;
  4. using System.Linq;
  5. using System.Text;
  6. using System.Threading.Tasks;
  7. using System.Windows.Input;
  9. namespace Command
  10. {
  11.     public class NameViewModel : INotifyPropertyChanged
  12.     {
  13.         public NameViewModel()
  14.         {
  15.             _userName = new Name() { UserName = "张三", CompanyName = "AAAAA" };
  16.         }
  18.         #region Fields
  19.         Name _userName;
  20.         #endregion
  22.         #region Property
  23.         public string UserName
  24.         {
  25.             get { return _userName.UserName; }
  26.             set { _userName.UserName = value; RaisePropertyChanged("UserName"); }
  27.         }
  29.         public string CompanyName
  30.         {
  31.             get { return _userName.CompanyName; }
  32.             set { _userName.CompanyName = value; RaisePropertyChanged("CompanyName"); }
  33.         }
  34.         #endregion
  36.         #region INotifyPropertyChanged属性
  37.         public event PropertyChangedEventHandler PropertyChanged;
  38.         #endregion
  40.         #region 属性更改方法
  41.         private void RaisePropertyChanged(string propertyName)
  42.         {
  43.             PropertyChangedEventHandler handler = PropertyChanged;
  44.             if (handler != null)
  45.             {
  46.                 handler(this, new PropertyChangedEventArgs(propertyName));
  47.             }
  48.         }
  49.         #endregion
  51.         #region 命令
  52.         void UpdateNameExecute()
  53.         {
  54.             this.UserName = "李四";
  55.             this.CompanyName = "BBBBB";
  56.         }
  58.         bool CanUpdateNameExecute()
  59.         {
  60.             return true;
  61.         }
  63.         public ICommand UpdateName
  64.         {
  65.             get { return new RelayCommand(UpdateNameExecute, CanUpdateNameExecute); }
  66.         }
  67.         #endregion
  68.     }
  69. }
  1. <Window x:Class="Command.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5.         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6.         xmlns:local="clr-namespace:Command"
  7.         mc:Ignorable="d"
  8.         Title="MainWindow" Height="450" Width="400">
  9.     <Window.DataContext>
  10.         <!--声明并创建一个NameViewModel的实例-->
  11.         <local:NameViewModel/>
  12.     </Window.DataContext>
  13.     <StackPanel VerticalAlignment="Center" Orientation="Horizontal">
  14.         <TextBlock Text="用户名：" Margin="20"/>
  15.         <TextBlock Text="{Binding UserName}" Margin="0,20"/>
  16.         <TextBlock Text="公司名称：" Margin="20"/>
  17.         <TextBlock Text="{Binding CompanyName}" Margin="0,20"/>
  18.         <Button Content="更新" Command="{Binding UpdateName}" Margin="20"/>
  19.     </StackPanel>
  20. </Window>
  1. 下篇文章将把MVVM提取出来作为一个框架，去更好地解决问题。