博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
UWP应用程序使用Prism框架构建MVVM
阅读量:5836 次
发布时间:2019-06-18

本文共 753 字,大约阅读时间需要 2 分钟。

  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框架构建好了,有疑问可以加我微信boy_cxj。欢迎关注下次内容。转载请说明出处。

转载于:https://www.cnblogs.com/Adger/p/6424973.html

你可能感兴趣的文章
win8 关闭防火墙
查看>>
CSS——(2)与标准流盒模型
查看>>
C#中的Marshal
查看>>
linux命令:ls
查看>>
Using RequireJS in AngularJS Applications
查看>>
【SAP HANA】关于SAP HANA中带层次结构的计算视图Cacultation View创建、激活状况下在系统中生成对象的研究...
查看>>
【ros】Create a ROS package:package dependencies报错
查看>>
通过容器编排和服务网格来改进Java微服务的可测性
查看>>
Linux基础命令---rmdir
查看>>
Squid 反向代理服务器配置
查看>>
Java I/O操作
查看>>
Tomcat性能调优
查看>>
Android自学--一篇文章基本掌握所有的常用View组件
查看>>
灰度图像和彩色图像
查看>>
argparse - 命令行选项与参数解析(转)
查看>>
修改上一篇文章的node.js代码,支持默认页及支持中文
查看>>
java只能的round,ceil,floor方法的使用
查看>>
新开的博客,为自己祝贺一下
查看>>
采用JXL包进行EXCEL数据写入操作
查看>>
将txt文件转化为json进行操作
查看>>