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

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

NuGet管理包

2. 搜索Prism.Core，并安装

搜索Prism.Core

3. 搜索Prism.Unity，并安装

搜索Prism.Unity

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

创建ViewModels文件夹

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

创建Views文件夹

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

移动MainPage.xaml

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

添加MainPageViewModel类

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

按钮添加命令

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

运行看效果

运行效果

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

后台代码

MVVM框架构建好了，有疑问可以加我微信boy_cxj。欢迎关注下次内容。转载请说明出处。