WPF自学入门（十二）WPF MVVM模式提取函数

我们平时在写代码时为了不重复写代码，会进行复制代码或者写通用方法。今天我们就来把上传做的函数提取成为通用的方法调用。把上次写的函数提取为两个主要的文件：ObserableObject和RelayCommand。步骤如下：

新建Mvvm项目，将实例三中的文件复制到Mvvm项目中即可。新建ObserableObject类文件，代码如下：

 using System;

 using System.ComponentModel;

 using System.Diagnostics;

 using System.Linq.Expressions;

 /***********************作者：黄昏前黎明后**********************************

 *   作者：黄昏前黎明后

 *   CLR版本：4.0.30319.42000

 *   创建时间：2018-04-15 22:09:56

 *   命名空间：Mvvm

 *   唯一标识：b9043d4c-fdd7-4e0f-a324-00f0f09286d0

 *   机器名称：HLPC

 *   联系人邮箱：hl@cn-bi.com

 *

 *   描述说明：

 *

 *   修改历史：

 *

 *

 *****************************************************************/

 namespace Mvvm

 {

     [Serializable]

     public abstract class ObservableObject : INotifyPropertyChanged

     {

         [field: NonSerialized]

         public event PropertyChangedEventHandler PropertyChanged;

         protected virtual void OnPropertyChanged(PropertyChangedEventArgs e)

         {

             var handler = this.PropertyChanged;

             if (handler != null)

             {

                 handler(this, e);

             }

         }

         protected void RaisePropertyChanged<T>(Expression<Func<T>> propertyExpresssion)

         {

             var propertyName = PropertySupport.ExtractPropertyName(propertyExpresssion);

             this.RaisePropertyChanged(propertyName);

         }

         protected void RaisePropertyChanged(String propertyName)

         {

             VerifyPropertyName(propertyName);

             OnPropertyChanged(new PropertyChangedEventArgs(propertyName));

         }

         [Conditional("DEBUG")]

         [DebuggerStepThrough]

         public void VerifyPropertyName(String propertyName)

         {

             if (TypeDescriptor.GetProperties(this)[propertyName] == null)

             {

                 Debug.Fail("无效属性名: " + propertyName);

             }

         }

     }

 }

前面我们都是使用单个的用户名，接下来我们尝试使用多个用户名。按照我们一开始所说的，我们需要一个ObservableCollection的集合。所以我们需要新增一个ViewModel名称NamesViewModel：

 using Mvvm;

 using System;

 using System.Collections.Generic;

 using System.Collections.ObjectModel;

 using System.Linq;

 using System.Text;

 using System.Windows.Input;

 /****************************************************************

 *   作者：黄昏前黎明后

 *   CLR版本：4.0.30319.42000

 *   创建时间：2018-04-15 22:32:29

 *   命名空间：Example4.ViewModel

 *   唯一标识：d500d890-7083-4f05-a82a-45f27eaa26d9

 *   机器名称：HLPC

 *   联系人邮箱：hl@cn-bi.com

 *

 *   描述说明：

 *

 *   修改历史：

 *

 *

 *****************************************************************/

 namespace Example4

 {

     public class NamesViewModel

     {

         #region 字段

         ObservableCollection<NameViewModel> _names = new ObservableCollection<NameViewModel>();

         #endregion

         #region 属性

         public ObservableCollection<NameViewModel> names

         {

             get { return _names; }

             set { _names = value; }

         }

         #endregion

         public NamesViewModel()

         {

             _names.Add(new NameViewModel() { UserName = "hl", CompanyName = "中软易通" });

             _names.Add(new NameViewModel() { UserName = "lq", CompanyName = "中软" });

             _names.Add(new NameViewModel() { UserName = "tp", CompanyName = "软易通" });

         }

         #region 命令

         void AddNameExecute()

         {

             _names.Add(new NameViewModel { UserName = "黄昏前黎明后", CompanyName = "中软易通科技" });

         }

         bool CanAddNameExecute()

         {

             return true;

         }

         void UpdateNameExecute(NameViewModel name)

         {

             if (name == null) return;

             name.CompanyName= "无";

         }

         bool CanUpdateNameExecute(NameViewModel name)

         {

             return true;

         }

         public ICommand AddName { get { return new RelayCommand(AddNameExecute, CanAddNameExecute); } }

         public ICommand UpdateName { get { return new RelayCommand<NameViewModel>(new Action<NameViewModel>(UpdateNameExecute), new Predicate<NameViewModel>(CanUpdateNameExecute)); } }

         #endregion

     }

 }

我们实现了两个命令，一个是新增用户，一个是把所有集合里的公司名更改为无。然后我们把这个ViewModel绑定到界面上：

 <Window x:Class="Example4.MainWindow"

         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

         xmlns:local="clr-namespace:Example4"

         Title="Example4" Height="147.806" Width="407.044" ResizeMode="NoResize">

     <Window.DataContext>

         <!--声明创建一个NamesViewModel的实例-->

         <local:NamesViewModel></local:NamesViewModel>

     </Window.DataContext>

     <StackPanel Orientation="Horizontal">

         <ListView ItemsSource="{Binding names}" Width="" Name="lv">

             <ListView.ItemTemplate>

                 <DataTemplate>

                     <StackPanel Orientation="Horizontal">

                         <Label Content="{Binding UserName}" />

                         <Label Content="{Binding CompanyName}" FontSize="" />

                     </StackPanel>

                 </DataTemplate>

             </ListView.ItemTemplate>

         </ListView>

         <StackPanel>

             <Button Content="新增用户" Height="" Margin="" Command="{Binding AddName}"/>

             <Button Content="更新选中用户" Height="" Margin="" Command="{Binding UpdateName}" CommandParameter="{Binding ElementName=lv,Path=SelectedItem}"/>

         </StackPanel>

     </StackPanel>

 </Window>

本文程序demo下载地址：链接：https://pan.baidu.com/s/12EEoVVVRbI5EiRNusSz1zg 密码：hbwb

结束语：WPF自学入门系列中对WPF的一些基本概念做了一些演示，但是还是有一些缺失，只是希望能对初学者起到一定的帮助。

最后，感谢你能看到最后。从下周开始学习Component One控件使用。