学习记录WPF的MVVM Light

刚进入公司,学习了wpf的mvvm框架,对框架的理解还不够深入,通过写个简述,记录一下wpf的mvvm light框架的步骤的使用方法。

MVVM-是Model-View-ViewModel的简称,我的理解是Model是一个存放数据的地方,View即使我们看到的视图,然后ViewModel是连接View和Model的,viewModel的一个编写逻辑和联系数据以及视图的地方。

一 构建框架的步骤

新建项目中工具-NuGet程序管理包中搜索MVVM Light,将其安装到这个项目中即可,安装完成会出现一个ViewModel的文件夹。

学习记录WPF的MVVM Light_第1张图片

二,MVVM


学习记录WPF的MVVM Light_第2张图片

在这里我做一个倒计时的定时器。

首先 在项目里新建一个Model的文件夹,在里面添加一个TimeDataMoedl的类 ,这里面有四个属性,分钟,秒,按钮文本,以及时间倒计时。


学习记录WPF的MVVM Light_第3张图片

这里继承了ObservableObject这个类, RaisePropertyChanged为了使属性在改变的时候能够及时的通知客户端进行改变数据。

然后再建立一个viewModel:


学习记录WPF的MVVM Light_第4张图片

在viewmodel中我还加了command命令,即就不再使用xaml中button的click的命令,直接使用命令绑定command={Binding TimeDowmCommand}。



学习记录WPF的MVVM Light_第5张图片

最后在前台的xaml的代码中进行绑定以及设置DataContext:


设置DataContext,表示在这个view的绑定的数据来源是TimeDataViewModel:


在MVVM中的消息机制,在不同的页面中传递消息,这里倒计时时间到了之后即会发送这个消息,然后弹出提示框:

首先在主界面注册先:

学习记录WPF的MVVM Light_第6张图片

发送消息:


学习记录WPF的MVVM Light_第7张图片

好了写到这里就完了,最后的结果:


学习记录WPF的MVVM Light_第8张图片
学习记录WPF的MVVM Light_第9张图片

你可能感兴趣的:(学习记录WPF的MVVM Light)