UWP应用程序使用Prism框架构建MVVM

  1. 在我们创建的UWP解决方案中选择引用->管理NuGet包程序包

UWP应用程序使用Prism框架构建MVVM

NuGet管理包

2. 搜索Prism.Core,并安装

UWP应用程序使用Prism框架构建MVVM

搜索Prism.Core

3. 搜索Prism.Unity,并安装

UWP应用程序使用Prism框架构建MVVM

搜索Prism.Unity

4. 在项目解决方案中添加ViewModels文件夹

UWP应用程序使用Prism框架构建MVVM

创建ViewModels文件夹

5. 在项目解决方案中添加Views文件夹

UWP应用程序使用Prism框架构建MVVM

创建Views文件夹

6. 将根目录中MainPage.xaml删除,在Views文件夹中重新创建MainPage.xaml(使Views与ViewModels文件对应方便使用MVVM自动映射)

UWP应用程序使用Prism框架构建MVVM

移动MainPage.xaml

7. 在ViewModels文件夹中添加与Views文件夹中对应的ManPage文件名称的MainPageViewModel类,并继承Prism中BindableBase类

UWP应用程序使用Prism框架构建MVVM

添加MainPageViewModel类

8. 在MainPage.xaml 中添加Prism引用 xmlns:prism="using:Prism.Windows.Mvvm"和添加prism:ViewModelLocator.AutoWireViewModel="true"(设置为True会自动匹配ViewModel)。并在Button中添加Command进行事件的绑定。

UWP应用程序使用Prism框架构建MVVM

按钮添加命令

9. 在MainPageViewModel.cs文件中添加构造函数并初始化命令。这样就完成了MVVM框架。

UWP应用程序使用Prism框架构建MVVM

运行看效果

UWP应用程序使用Prism框架构建MVVM

运行效果

后台无任何代码,和UI进行了分离。

UWP应用程序使用Prism框架构建MVVM

后台代码

MVVM框架构建好了。欢迎关注下次内容。转载请说明出处。

posted @ 2017-02-21 16:56  Mr_June  阅读(1153)  评论(0编辑  收藏  举报