MVVM开发模式MVVM Light Toolkit

MVVM模式就不细说了

个人理解

M是Model，是业务实体model，包含了数据的存取访问

V是View，是页面，是展示，是数据的显示，应该是单纯的xaml代码

VM是ViewModel，他应该是View上数据，方法，事件的抽象集合，是沟通Model和View的桥梁

一。 MVVM Light Toolkit安装

目前GalaSoft的 MVVM Light Toolkit这个插件在mvvm开发方面应用比较广泛
http://www.galasoft.ch/mvvm/
安装地址

http://www.galasoft.ch/mvvm/installing/

目前正式版本是V3.0

二。新建mvvm项目

下载安装以后，vs2010，就自动安装了mvvm的项目模板，在window phone项目下面就可以找到适用于window phone开发的mvv项目模板

新建项目以后，mvvm基本架构就全部已经在项目中包含了

有Model文件夹，viewmodel文件夹，xaml就是View

有几个文件和代码段要注意。

ViewModelLocator这是一个核心类，这个类返回实例化的ViewModel到View。

//返回MainViewMode实例
public MainViewModel Main
{
get
{

return MainStatic;
}
}

Loator的定义在App.xaml中，在app.xaml中声明可以全局使用

<vm:ViewModelLocator x:Key="Locator"
d:IsDataSource="True" />
</Application.Resources>

在MainPage.xaml文件中有几个显示文字title的地方

<StackPanel x:Name="TitlePanel"
Grid.Row="0"
Margin="24,24,0,12">
<TextBlock x:Name="ApplicationTitle"
Text="{Binding ApplicationTitle}"
Style="{StaticResource PhoneTextNormalStyle}" />
<TextBlock x:Name="PageTitle"
Text="{Binding PageName}"
Margin="-3,-8,0,0"
Style="{StaticResource PhoneTextTitle1Style}" />
</StackPanel>

其中Bindind中 ApplicationTitle，PageName都是ViewModel 文件夹中MainViewModel中的属性

MainViewModel 和MainPage.xaml是通过这个代码段绑定到一起的。

在MainPage.xaml的根元素上声明

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

三。新建页面

参照MainPage页面，新建页面的时候也是新建一个ViewModel，一个View.xaml，并且在ViewModelLocator.cs中多注册一个返回View的属性方法绑定到xaml中就可以

新建viewmodel和view的时候也会看到mvvm安装后产生的新模板，可以直接使用

ublic class MvvmViewModel1 : ViewModelBase
{
/// <summary>
/// Initializes a new instance of the MvvmViewModel1 class.
/// </summary>
public MvvmViewModel1()
{
////if (IsInDesignMode)
////{
////    // Code runs in Blend --> create design time data.
////}
////else
////{
////    // Code runs "for real": Connect to service, etc...
////}
}

public string Hello
{
get
{
return "Hello World!~";
}
}

////public override void Cleanup()
////{
////    // Clean own resources if needed

////    base.Cleanup();
////}
}

在ViewModelLocator.cs中注册这个viewmodel

可以参考模仿原来的Main的属性

或者直接使用代码段Code Snippets

安装过mvvm后在安装的文件夹位置可以找到代码段，在vs的工具中--代码段管理器，导入这些

然后在 拼写 mvvmlocatorproperty 的时候就可以看到自动生成的属性，然后把属性名字改成正确的viewmodel名字就可以

分类: 移动开发（WP,andriod）