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

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

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

  1 using System;
  2 
  3 using System.ComponentModel;
  4 
  5 using System.Diagnostics;
  6 
  7 using System.Linq.Expressions;
  8 
  9 /***********************作者：黄昏前黎明后**********************************
 10 
 11 *   作者：黄昏前黎明后
 12 
 13 *   CLR版本：4.0.30319.42000
 14 
 15 *   创建时间：2018-04-15 22:09:56
 16 
 17 *   命名空间：Mvvm
 18 
 19 *   唯一标识：b9043d4c-fdd7-4e0f-a324-00f0f09286d0
 20 
 21 *   机器名称：HLPC
 22 
 23 *   联系人邮箱：hl@cn-bi.com
 24 
 25 *
 26 
 27 *   描述说明：
 28 
 29 *
 30 
 31 *   修改历史：
 32 
 33 *
 34 
 35 *
 36 
 37 *****************************************************************/
 38 
 39 namespace Mvvm
 40 
 41 {
 42 
 43     [Serializable]
 44 
 45     public abstract class ObservableObject : INotifyPropertyChanged
 46 
 47     {
 48 
 49         [field: NonSerialized]
 50 
 51         public event PropertyChangedEventHandler PropertyChanged;
 52 
 53  
 54 
 55         protected virtual void OnPropertyChanged(PropertyChangedEventArgs e)
 56 
 57         {
 58 
 59             var handler = this.PropertyChanged;
 60 
 61             if (handler != null)
 62 
 63             {
 64 
 65                 handler(this, e);
 66 
 67             }
 68 
 69         }
 70 
 71  
 72 
 73         protected void RaisePropertyChanged<T>(Expression<Func<T>> propertyExpresssion)
 74 
 75         {
 76 
 77             var propertyName = PropertySupport.ExtractPropertyName(propertyExpresssion);
 78 
 79             this.RaisePropertyChanged(propertyName);
 80 
 81         }
 82 
 83  
 84 
 85         protected void RaisePropertyChanged(String propertyName)
 86 
 87         {
 88 
 89             VerifyPropertyName(propertyName);
 90 
 91             OnPropertyChanged(new PropertyChangedEventArgs(propertyName));
 92 
 93         }
 94 
 95  
 96 
 97         [Conditional("DEBUG")]
 98 
 99         [DebuggerStepThrough]
100 
101         public void VerifyPropertyName(String propertyName)
102 
103         {
104 
105             if (TypeDescriptor.GetProperties(this)[propertyName] == null)
106 
107             {
108 
109                 Debug.Fail("无效属性名: " + propertyName);
110 
111             }
112 
113         }
114 
115     }
116 
117 }

 

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

  1 using Mvvm;
  2 
  3 using System;
  4 
  5 using System.Collections.Generic;
  6 
  7 using System.Collections.ObjectModel;
  8 
  9 using System.Linq;
 10 
 11 using System.Text;
 12 
 13 using System.Windows.Input;
 14 
 15  
 16 
 17 /****************************************************************
 18 
 19 *   作者：黄昏前黎明后
 20 
 21 *   CLR版本：4.0.30319.42000
 22 
 23 *   创建时间：2018-04-15 22:32:29
 24 
 25 *   命名空间：Example4.ViewModel
 26 
 27 *   唯一标识：d500d890-7083-4f05-a82a-45f27eaa26d9
 28 
 29 *   机器名称：HLPC
 30 
 31 *   联系人邮箱：hl@cn-bi.com
 32 
 33 *
 34 
 35 *   描述说明：
 36 
 37 *
 38 
 39 *   修改历史：
 40 
 41 *
 42 
 43 *
 44 
 45 *****************************************************************/
 46 
 47 namespace Example4
 48 
 49 {
 50 
 51     public class NamesViewModel
 52 
 53     {
 54 
 55         #region 字段
 56 
 57         ObservableCollection<NameViewModel> _names = new ObservableCollection<NameViewModel>();
 58 
 59         #endregion
 60 
 61  
 62 
 63         #region 属性
 64 
 65         public ObservableCollection<NameViewModel> names
 66 
 67         {
 68 
 69             get { return _names; }
 70 
 71             set { _names = value; }
 72 
 73         }
 74 
 75         #endregion
 76 
 77  
 78 
 79         public NamesViewModel()
 80 
 81         {
 82 
 83             _names.Add(new NameViewModel() { UserName = "hl", CompanyName = "中软易通" });
 84 
 85             _names.Add(new NameViewModel() { UserName = "lq", CompanyName = "中软" });
 86 
 87             _names.Add(new NameViewModel() { UserName = "tp", CompanyName = "软易通" });
 88 
 89         }
 90 
 91  
 92 
 93         #region 命令
 94 
 95  
 96 
 97         void AddNameExecute()
 98 
 99         {
100 
101             _names.Add(new NameViewModel { UserName = "黄昏前黎明后", CompanyName = "中软易通科技" });
102 
103         }
104 
105  
106 
107         bool CanAddNameExecute()
108 
109         {
110 
111             return true;
112 
113         }
114 
115  
116 
117         void UpdateNameExecute(NameViewModel name)
118 
119         {
120 
121             if (name == null) return;
122 
123  
124 
125             name.CompanyName= "无";
126 
127         }
128 
129  
130 
131         bool CanUpdateNameExecute(NameViewModel name)
132 
133         {
134 
135             return true;
136 
137         }
138 
139  
140 
141         public ICommand AddName { get { return new RelayCommand(AddNameExecute, CanAddNameExecute); } }
142 
143  
144 
145         public ICommand UpdateName { get { return new RelayCommand<NameViewModel>(new Action<NameViewModel>(UpdateNameExecute), new Predicate<NameViewModel>(CanUpdateNameExecute)); } }
146 
147  
148 
149         #endregion
150 
151     }
152 
153 }
154 
155

 

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

 1 <Window x:Class="Example4.MainWindow"
 2 
 3         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 4 
 5         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 6 
 7         xmlns:local="clr-namespace:Example4"
 8 
 9         Title="Example4" Height="147.806" Width="407.044" ResizeMode="NoResize">
10 
11     <Window.DataContext>
12 
13         <!--声明创建一个NamesViewModel的实例-->
14 
15         <local:NamesViewModel></local:NamesViewModel>
16 
17     </Window.DataContext>
18 
19  
20 
21     <StackPanel Orientation="Horizontal">
22 
23         <ListView ItemsSource="{Binding names}" Width="200" Name="lv">
24 
25             <ListView.ItemTemplate>
26 
27                 <DataTemplate>
28 
29                     <StackPanel Orientation="Horizontal">
30 
31                         <Label Content="{Binding UserName}" />
32 
33                         <Label Content="{Binding CompanyName}" FontSize="10" />
34 
35                     </StackPanel>
36 
37                 </DataTemplate>
38 
39             </ListView.ItemTemplate>
40 
41         </ListView>
42 
43         <StackPanel>
44 
45             <Button Content="新增用户" Height="40" Margin="20" Command="{Binding AddName}"/>
46 
47             <Button Content="更新选中用户" Height="40" Margin="20" Command="{Binding UpdateName}" CommandParameter="{Binding ElementName=lv,Path=SelectedItem}"/>
48 
49         </StackPanel>
50 
51  
52 
53     </StackPanel>
54 
55 </Window>
56 
57

 

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

 

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

 

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

posted @ 2018-04-15 23:05  黄昏前黎明后  阅读(6610)  评论(11)  编辑  收藏  举报