【MVVMLight小记】一.快速搭建一个基于MVVMLight的silverlight小程序

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

写了篇MVVM小记http://www.cnblogs.com/whosedream/p/mvvmnote1.html，说好要写点MVVMLight的东西，所以接着写，以便和大家共勉。

我假设你已经有了MVVM的一些概念，那么我们就单刀直入了，怎样基于MVVMLight 来建项目呢？其实很简单，首先我们需要下载MVVMLight,然后安装，完了你会看到

Binaries里有各个版本的程序集

这里我用到了silverlight4的程序集

不过你安装了模板的话，新建模板项目，那么上面这些程序集就不用你手动去添加了，我用的是VS2012，所以安装了下面的第二个模板MvvmLight.VS2012.vsix

现在可以新建项目了，在新建项目silverlight选项里你会多看见2个选项

我用的是SL4那么我就选择第一个新建

我们可以看到一个大体的架子帮你搭出来了，按F5运行，会看到

恭喜你的第一个MVVMLight应用完成了！！！让我们看看都写了些什么。

找到程序的入口App

我们看到添加了个应用程序资源ViewModelLocator，这是干什么用的呢，下面再说，看看App.cs里写了些什么

private void Application_Startup(object sender, StartupEventArgs e)
{
RootVisual = new MainPage();
DispatcherHelper.Initialize();
} private void Application_Exit(object sender, EventArgs e)
{
ViewModelLocator.Cleanup();
}

和以前的代码相比，在程序退出里我们又看到了ViewModelLocator，看来这东西是贯穿我们应用程序始终的，待会再说。我们还发现在启动里多了个 DispatcherHelper.Initialize()，这是初始化什么的呢？

...
public static void Initialize()
{
if (UIDispatcher == null)
{
UIDispatcher = Deployment.Current.Dispatcher;
}
} public static Dispatcher UIDispatcher
{
get;
private set;
}
...

看到了吗？它会获取当前应用程序的Dispatcher，Dispatcher是干什么用的？跨线程操作的时候你就会用到。

好了我们的程序RootVisual已经置了MainPage了，看看MainPage有什么

是不是还奇怪App里怎么MainPage没有对DataContext进行赋值，原来在这里

DataContext="{Binding Main, Source={StaticResource Locator}}"

这里Locator是不是很熟悉，啊~对了，就是App的资源文件里添加的东西。现在我们来看看到底ViewModelLocator扮演着何方神圣。

public class ViewModelLocator
{
static ViewModelLocator()
{
ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default); if (ViewModelBase.IsInDesignModeStatic)
{
SimpleIoc.Default.Register<IDataService, Design.DesignDataService>();
}
else
{
SimpleIoc.Default.Register<IDataService, DataService>();
} SimpleIoc.Default.Register<MainViewModel>();
} /// <summary>
/// Gets the Main property.
/// </summary>
public MainViewModel Main
{
get
{
return ServiceLocator.Current.GetInstance<MainViewModel>();
}
} /// <summary>
/// Cleans up all the resources.
/// </summary>
public static void Cleanup()
{
}
}

ServiceLocator 和 SimpleIoc 这两个东西比较陌生，看ServiceLocator的注释

This class provides the ambient container for this application. If your framework
defines such an ambient container, use ServiceLocator.Current to get it.

该类为应用程序提供了一个容器，如果你的框架定义了这么一个容器，那么你可以用ServiceLocator.Current来获取。

既然是个容器，那么是干嘛的呢？继续看代码，ServiceLocator.SetLocatorProvider(() => SimpleIoc.Default);为这个容器置一个委托SimpleIoc.Default，可能看到IOC，马上就想到了控制反转，依赖注入。对~SimpleIoc就是MVVMLight实现的一个IOC容器，再看SimpleIoc.Default.Register方法，你就明白原来是往容器里塞东西（接口实现，类）。

有放就有取

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

这也是页面绑定的属性

到现在我们只看到了个ViewModel的属性，嗯，看看ViewModel是怎样的

public class MainViewModel : ViewModelBase
{
private readonly IDataService _dataService; /// <summary>
/// The <see cref="WelcomeTitle" /> property's name.
/// </summary>
public const string WelcomeTitlePropertyName = "WelcomeTitle"; private string _welcomeTitle = string.Empty; /// <summary>
/// Gets the WelcomeTitle property.
/// Changes to that property's value raise the PropertyChanged event.
/// </summary>
public string WelcomeTitle
{
get
{
return _welcomeTitle;
} set
{
if (_welcomeTitle == value)
{
return;
} _welcomeTitle = value;
RaisePropertyChanged(WelcomeTitlePropertyName);
}
} /// <summary>
/// Initializes a new instance of the MainViewModel class.
/// </summary>
public MainViewModel(IDataService dataService)
{
_dataService = dataService;
_dataService.GetData(
(item, error) =>
{
if (error != null)
{
// Report error here
return;
} WelcomeTitle = item.Title;
});
} ////public override void Cleanup()
////{
//// // Clean up if needed //// base.Cleanup();
////}
}