Silverlight程序使用mvvmlight开发框架教程

现有Silverlight程序使用mvvmlight开发框架教程1）创建Silverlight 应用程序。

2）添加mvvmlight引用，如果使用模板创建，会自动生成引用，而这里我们需要自己添加。

3）添加ViewModels、Locators、Models文件夹。

4）为MainWindow添加ViewModel，在解决方案浏览器中，右键ViewModel文件夹，添加新类，类名称为MainViewModel，如果安装了mvvmlight模板，选择类模板为MvvmViewModel5）添加类ViewModelLocator，我们叫它ViewModel加载器，在解决方案浏览器中，右键项目名称，添加新类，类名称为ViewModelLocator，如果安装了mvvmlight模板，选择类模板为MvvmViewModelLocator。

6）打开App.Xaml，先添加ViewModel命名控件引用，然后为ViewModelLocator添加一个全局的资源，app.xaml的内容如下：<Applicationx:Class="SilverlightApplication8.App"xmlns="/winfx/2006/xaml/presentation"xmlns:x="/winfx/2006/xaml"xmlns:d= "/expression/blend/2008"xmlns:mc="/markup-compatibility/2006"xmlns:vm="clr-namespace:SilverlightApplication8.Locators"mc:Ignorable="d"><Application.Resources><ResourceDictionary><ResourceDictionary.MergedDictionaries><ResourceDictionary Source="Assets/Styles.xaml"/></ResourceDictionary.MergedDictionaries><vm:ViewModelLocator x:Key= "Locator" d:IsDataSource= "True" /> </ResourceDictionary><!--全局 View Model 加载器--></Application.Resources></Application>7）打开MainWindow.xaml文件，首先为MainWindow设置DataContext为MainViewModel，MainWindow.xaml代码如下:<UserControlx:Class="SilverlightApplication8.MainPage"xmlns="/winfx/2006/xaml/presentation"xmlns:x="/winfx/2006/xaml"xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Control s.Navigation"xmlns:uriMapper="clr-namespace:System.Windows.Navigation;assembly=System.Windows.Contro ls.Navigation"xmlns:d="/expression/blend/2008"xmlns:mc="/markup-compatibility/2006"mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480"DataContext= "{Binding Main,Source={StaticResource Locator}}">。

8）我们把MainPage的HyperlinkButton更改为Command绑定，通过传递参数的方式导航，这么做的好处可以把不同模块按需加载。

MainViewModel中增加了一个LoadUrlCommand 的RelayCommand命令。

MainViewModel.cs的代码：using GalaSoft.MvvmLight;using GalaSoft.MvvmLight.Messaging;using System.Windows.Input;using mand;using System.Windows;using System;namespace SilverlightApplication8.ViewModels{///<summary>/// This class contains properties that a View can data bind to.///<para>///Use the <strong>mvvminpc</strong>snippet to add bindable properties to this ViewModel.///</para>///<para>/// See http://www.galasoft.ch/mvvm/getstarted///</para>///</summary>public class MainViewModel : ViewModelBase{private static MainPage root;///<summary>/// Initializes a new instance of the MainViewModel class.///</summary>public MainViewModel(){HomeNav = new Nav{ NavigateUri="/Home", Package="SilverlightApplication8.xap" }; //作为复杂对象绑定前台LoadUrlCommand = new RelayCommand<string>(LoadUrl); //LoadUrlCommand绑定到LoadUrl处理函数LoadNavUrlCommand = new RelayCommand<Nav>(LoadNavUrl); //LoadNavUrlCommand 绑定到LoadNavUrl处理函数//注册一个token为LoadUrl的消息Messenger.Default.Register<string>(this, "LoadUrl", msg =>{root = App.Current.RootVisual as MainPage;root.ContentFrame.Navigate(new Uri(msg, UriKind.Relative));});Messenger.Default.Register<Nav>(this, "LoadUrl", msg =>{root = App.Current.RootVisual as MainPage;root.ContentFrame.Navigate(new Uri(msg.NavigateUri, UriKind.Relative)); });}private Nav _HomeNav;public Nav HomeNav{get { return _HomeNav; }set { _HomeNav = value; }}public RelayCommand<string> LoadUrlCommand { get; private set; }private void LoadUrl(string url){/** 发送一个字符串信息 New Customer* Token 为 MainWindow 只有具有相同 Token 接收者都会接收到该信息*/Messenger.Default.Send(url,"LoadUrl");}public RelayCommand<Nav> LoadNavUrlCommand { get; private set; }private void LoadNavUrl(Nav url){Messenger.Default.Send(url, "LoadUrl");}}///<summary>///一个复杂对象，传递到前台导航///</summary>public class Nav{private string _NavigateUri;///<summary>///导航的地址///</summary>public string NavigateUri{get { return _NavigateUri; }set { _NavigateUri = value; }}private string _Package;///<summary>///需要加载的Xap包///</summary>public string Package{get { return _Package; }set { _Package = value; }}}}前台绑定：......<HyperlinkButton x:Name="Link1" Style="{StaticResource LinkStyle}"NavigateUri="" TargetName="ContentFrame"Command="{Binding LoadNavUrlCommand}"CommandParameter="{Binding HomeNav}"Content="主页"/><Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}"/><HyperlinkButton x:Name="Link2" Style="{StaticResource LinkStyle}"NavigateUri="" TargetName="ContentFrame"Command="{Binding LoadUrlCommand}"CommandParameter="/About"Content="关于"/>......如果 Command 需要传递多个参数，则可以1、将 CommandParameter 绑定到一个容器控件，然后在 Command 中去遍历容器控件内的控件（破坏 ViewModel）2、在 View 中调用 Command 之前构造一个复杂类型，再传递给 ViewModel（破坏 View）3、ViewModel 中设置一个对象，其是 Model 层中的某个类的实例，同时此对象双向绑定到 View 上，这样这个复杂类型就可以通过 ViewModel 来传递大家可以看到Link1的HyperlinkButton绑定的就是ViewModel中的复杂实例对象。