(二)MVVMLight 关联View和ViewModel

在我们按照(一)中的步骤，安装好MMVLight的环境后，

会多出一个文件夹ViewModel，里面有两个.cs文件MainViewModel.cs和ViewModelLocator.cs

MainViewModel.cs文件：是MainWindow.xaml(这个文件就是View，我们以后再起名字的时候，都是以View结尾)的ViewModel文件。

ViewModelLocator.cs文件：是负责关联View和ViewModel的cs文件。在我们的项目中，已经把ViewModelLocator从ViewModel文件夹中拿出来了，把它放到资源文件夹中。

最原始ViewModelLocator.cs文件示例：

/*
  In App.xaml:
  <Application.Resources>
      <vm:ViewModelLocator xmlns:vm="clr-namespace:MVVM"
                           x:Key="Locator" />
  </Application.Resources>
  
  In the View:
  DataContext="{Binding Source={StaticResource Locator}, Path=ViewModelName}"

  You can also use Blend to do all this with the tool's support.
  See http://www.galasoft.ch/mvvm
*/

using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Ioc;
using Microsoft.Practices.ServiceLocation;

namespace MVVM.ViewModel
{
    /// <summary>
    /// This class contains static references to all the view models in the
    /// application and provides an entry point for the bindings.
    /// </summary>
    public class ViewModelLocator
    {
        /// <summary>
        /// Initializes a new instance of the ViewModelLocator class.
        /// </summary>
        public ViewModelLocator()
        {
            ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);

            ////if (ViewModelBase.IsInDesignModeStatic)
            ////{
            ////    // Create design time view services and models
            ////    SimpleIoc.Default.Register<IDataService, DesignDataService>();
            ////}
            ////else
            ////{
            ////    // Create run time view services and models
            ////    SimpleIoc.Default.Register<IDataService, DataService>();
            ////}

            SimpleIoc.Default.Register<MainViewModel>();
        }

        public MainViewModel Main
        {
            get
            {
                return ServiceLocator.Current.GetInstance<MainViewModel>();
            }
        }

        
        public static void Cleanup()
        {
            // TODO Clear the ViewModels
        }
    }
}

View和ViewModel是如关联起来的？用到的就是ViewModelLocator.cs文件，所以我也认为把这个文件放到ViewModel中不太合适，好吧，这里暂且不讨论这个。

当我们创建好一个View和其对应的ViewModel之后

我们需要在ViewModelLocator.cs文件中做如下两个事情：

1. 在ViewModelLocator.cs中的构造器public ViewModelLocator()，中添加代码：SimpleIoc.Default.Register<MainViewModel>();其中红色字体，是ViewModel的名字。  有的时候也用这个：SimpleIoc.Default.Register<接口名，类名>();。

2.需要在ViewModelLocator.cs添加如下函数，函数返回值类型为ViewModel，函数名字随意起，原则来讲应该和ViewModel名称对应。因为在View(.xaml文件)中，Binding的Path引用的就是该值。

        public MainViewModel Main
        {
            get
            {
                return ServiceLocator.Current.GetInstance<MainViewModel>();
            }
        }

我们还需要在View文件中添加如下代码：

    <Window.DataContext>
        <Binding Path="Main" Source="{StaticResource Locator}"> </Binding>
    </Window.DataContext>

此处的Locator，MVVMLight已经默认添加到app.xaml中，作为全局资源文件了。（再细研究）

app.xaml代码如下：

<Application x:Class="MVVM.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="MainWindow.xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" d1p1:Ignorable="d" xmlns:d1p1="http://schemas.openxmlformats.org/markup-compatibility/2006">
  <Application.Resources>
    <ResourceDictionary>
      <vm:ViewModelLocator x:Key="Locator" d:IsDataSource="True" xmlns:vm="clr-namespace:MVVM.ViewModel" />
    </ResourceDictionary>
  </Application.Resources>
</Application>

 

 

　　注:安装好MVVMLight之后，在MainWindow.xaml中也是没有上面这段代码的，需要自己添加。