Silverlight中如何使用MVVM架构

来源：互联网发布：夜光玩具辐射知乎编辑：程序博客网时间：2024/05/01 18:00

MVVM架构： Model + View + ViewModel

Model层是数据类的提供者；View是表示层；ViewModel是逻辑层。

该实例非常简单，只是把数据体加载到页面DataGrid上，没有ICommand相关的命令方法。

首先构筑Model层，这里新建User类及User类的集合UserModel类:

由于在View界面上需要Binding到User的属性，所以这里需要实现INotifyPropertyChanged接口，来提供通知功能。

如果不使用InotifyPropertyChanged声明，也可以在xaml页面上进行绑定，只是当后台数据改变时，不能通知xaml页面数据发生改变。而且当xaml页面数据发生改变的时候，也不能通知后台数据发生改变。

using System;using System.Collections.Generic;using System.Text;using System.Windows;using System.Windows.Controls;using System.Windows.Data;using System.Windows.Documents;using System.Windows.Input;using System.Windows.Media;using System.Windows.Media.Imaging;using System.Windows.Shapes;using System.ComponentModel;namespace MVVMDemo1{public class User:INotifyPropertyChanged{public User(){// Insert code required on object creation below this point.}        //定义属性，并且使用NotifyPropertyChanged方法进行绑定通知        //如果不适用InotifyPropertyChanged声明，也可以在xaml页面上进行绑定，        //只是当后台数据改变时，不能通知xaml页面数据发生改变。        //而且当xaml页面数据发生改变的时候，也不能通知后台数据发生改变。        private string _Name;        public string Name        {            get { return _Name; }            set            {                _Name = value;                NotifyPropertyChanged("Name");            }        }        private bool _Active;        public bool Active        {            get { return _Active; }            set            {                _Active = value;                NotifyPropertyChanged("Active");            }        }        private string _Birthday;        public string Birthday        {            get { return _Birthday; }            set            {                _Birthday = value;                NotifyPropertyChanged("Birthday");            }        }        //实现INotifyPropertyChanged接口的方法        private void NotifyPropertyChanged(string info)        {            if (PropertyChanged != null)            {                PropertyChanged(this, new PropertyChangedEventArgs(info));            }        }        public event PropertyChangedEventHandler PropertyChanged;    }}

UserModel类：该类是User类的集合类，这里使用了ObservableCollection<T>泛型类，该类可以自动提供INotifyPropertyChanged方法，不要在属性里编写该方法，也能自动提供通知。

using System;using System.Net;using System.Windows;using System.Windows.Controls;using System.Windows.Documents;using System.Windows.Ink;using System.Windows.Input;using System.Windows.Media;using System.Windows.Media.Animation;using System.Windows.Shapes;using System.Collections.ObjectModel;namespace MVVMDemo1.BusinessObject{    public class UserModel    {        public UserModel()        { }        //ObservableCollection<T> 类        //表示一个动态数据集合，在添加项、移除项或刷新整个列表时，此集合将提供通知。         //ObservableCollection<T> 类，它是实现 INotifyCollectionChanged 接口的数据集合的内置实现。        public static ObservableCollection<User> GetUserList()        {            ObservableCollection<User> _Users = new ObservableCollection<User>();            _Users.Add(new User() { Name = "Bill Moore", Birthday = "06/22/1978", Active = true });            _Users.Add(new User() { Name = "Victor Gad", Birthday = "10/22/1999", Active = true });            _Users.Add(new User() { Name = "Paul Gebo", Birthday = "08/15/1935", Active = false });            _Users.Add(new User() { Name = "Thomas Train", Birthday = "05/19/1967", Active = true });            return _Users;        }    }}

接下来构筑ViewModel层：该层是为了把View层上的数据进行Binding使用，如果xaml页面上需要使用n个binding属性，那么ViewModel层也需要声明N个相对应的属性来提供Binding使用。

using System;using System.ComponentModel;using System.Collections.ObjectModel;using MVVMDemo1.BusinessObject;namespace MVVMDemo1{    //ViewModel一定要实现INotifyPropertyChanged接口public class MainViewModel : INotifyPropertyChanged{        public MainViewModel()        {            Users = UserModel.GetUserList();        }        private ObservableCollection<User> _Users = new ObservableCollection<User>();        public ObservableCollection<User> Users        {            get { return _Users; }            set             {                //由于ObservableCollection<T> 类，它是实现 INotifyCollectionChanged 接口的数据集合的内置实现。                //所以这里就不用再写： NotifyPropertyChanged("Users");                _Users = value;            }        }        //INotifyPropertyChanged.PropertyChanged事件是在更改属性值的时候发生。        //PropertyChanged事件可以通过将null或者String.Empty用作PropertyChangedEventArgs中的属性名，        //指示该对象的所有属性都已变更。        private void INotifyPropertyChanged(string p)        {            if (PropertyChanged != null)            {                PropertyChanged(this, new PropertyChangedEventArgs(p));            }        }        //实现 INotifyPropertyChanged 接口事件        public event PropertyChangedEventHandler PropertyChanged;    }}

最后是构筑View层，这里的View层非常简单，只是一个DataGrid来加载User数据而已，注意这里的Binding，以及需要制定DataContext为哪个ViewModel，这样才能通过DataContext把当前xaml文件里的Binding绑定到哪个ViewModel上的属性。

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:MVVMDemo1" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:ec="http://schemas.microsoft.com/expression/2010/controls" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" mc:Ignorable="d" x:Class="MVVMDemo1.MainPage"Width="640" Height="480">    <StackPanel x:Name="LayoutRoot" Background="White">        <!--这里把ViewModel数据绑定到DataGrid上，ItemsSource后的Binding的意思是指绑定到ViewModel上的Users属性,        而且这个属性必须是用INotifyPropertyChanged声明过的才可以.        这里还需要主要必须要有DataContext数据上下文才可以完成绑定,可以再后置代码中声明，也可以再xaml文件里声明-->        <sdk:DataGrid Margin="63,33,48,38" ItemsSource="{Binding Users}" AutoGenerateColumns="False">            <sdk:DataGrid.Columns>                <!--这里的Bindding不用写成Users.Name,因为在ItemsSource中已经指定了Source为Users，所以可直接写属性Name-->                                <sdk:DataGridTextColumn Header="姓名" Binding="{Binding Name}"/>                <sdk:DataGridCheckBoxColumn Header="激活与否" Binding="{Binding Active}"/>                <sdk:DataGridTextColumn Header="生日" Binding="{Binding Birthday}"/>            </sdk:DataGrid.Columns>        </sdk:DataGrid>                    </StackPanel></UserControl>

后台文件制定DataContext:

using System;using System.Windows;using System.Windows.Controls;using System.Windows.Documents;using System.Windows.Ink;using System.Windows.Input;using System.Windows.Media;using System.Windows.Media.Animation;using System.Windows.Shapes;namespace MVVMDemo1{public partial class MainPage : UserControl{public MainPage(){// Required to initialize variablesInitializeComponent();            //在这里指定DataContext数据源为ViewModel            this.DataContext = new MainViewModel();}}}

源代码： http://download.csdn.net/detail/eric_k1m/5838685