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="200" Name="lv">

            <ListView.ItemTemplate>

                <DataTemplate>

                    <StackPanel Orientation="Horizontal">

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

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

                    </StackPanel>

                </DataTemplate>

            </ListView.ItemTemplate>

        </ListView>

        <StackPanel>

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

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

        </StackPanel>

 

    </StackPanel>

</Window>

 

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

 

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

 

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