MVVM框架
来源:互联网 发布:mac 在那个网站下载lr 编辑:程序博客网 时间:2024/06/06 20:16
MVVM是Model-View-ViewModel的简写。
微软的WPF带来了新的技术体验,如Silverlight、音频、视频、3D、动画……,这导致了软件UI层更加细节化、可定制化。同时,在技术层面,WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。
MVVM(Model-View-ViewModel)框架的由来便是MVP(Model-View-Presenter)模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去,以应对客户日益复杂的需求变化。
1 简介
WPF的数据绑定与Presentation Model相结合是非常好的做法,使得开发人员可以将View和逻辑分离出来,但这种数据绑定技术非常简单实用,也是WPF所特有的,所以我们又称之为Model-View-ViewModel(MVVM)。
这种模式跟经典的MVP(Model-View-Presenter)模式很相似,除了你需要一个为View量身定制的model,这个model就是ViewModel。ViewModel包含所有由UI特定的接口和属性,并由一个 ViewModel 的视图的绑定属性,并可获得二者之间的松散耦合,所以需要在ViewModel 直接更新视图中编写相应代码。
数据绑定系统还支持提供了标准化的方式传输到视图的验证错误的输入的验证。
2 优点
低耦合。视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的”View”上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。
可重用性。你可以把一些视图逻辑放在一个ViewModel里面,让很多view重用这段视图逻辑。
独立开发。开发人员可以专注于业务逻辑和数据的开发(ViewModel),设计人员可以专注于页面设计,使用Expression Blend可以很容易设计界面并生成xaml代码。
可测试。界面素来是比较难于测试的,而现在测试可以针对ViewModel来写。
3 MVVM结构图
4 架构实现
4.1 Model层
Model层和MVP框架的模型层使用同样的代码结构。
//// YJModel.swift// MVP//// CSDN:http://blog.csdn.net/y550918116j// GitHub:https://github.com/937447974/Blog//// Created by yangjun on 16/1/15.// Copyright © 2016年 阳君. All rights reserved.//import Foundation/// 模型层的协议protocol YJModelProtocol { func execute(model: YJModel)}/// model层,处理与服务器的响应class YJModel: NSObject { /// 相关数据,发送到服务器的数据以及从服务器接收的数据 var data: Dictionary<String, AnyObject>? /// 回调代理 var delegate: YJModelProtocol? /// 向服务器发送数据 /// /// - returns: void func sendRequest() { print("\nModel Begin============") print("Model收到通知开始请求服务器") print("服务器接收数据:\(self.data)") if self.data == nil { self.data = Dictionary() } self.data!["qq"] = "937447974" print("服务器数据处理完毕,回发中...") print("Model收到服务器发回的数据,通知上一层") print("Model End============") self.delegate?.execute(self) }}
定义了一个模型类Model以及网络回调协议ModelProtocol。当外部调用类遵循这种协议时即可回调数据。
4.2 ViewModel层
ViewModel优化了MVP中Presenter层,让View层彻底解放,只关心界面的展示。服务器返回的数据,在这一层就处理完毕了。
//// YJViewModel.swift// MVVM//// CSDN:http://blog.csdn.net/y550918116j// GitHub:https://github.com/937447974/Blog//// Created by yangjun on 16/1/15.// Copyright © 2016年 阳君. All rights reserved.//import UIKit/// ViewModel层的协议,view层实现protocol YJViewModelProtocol { // 定义一系列通知UI的接口 func execute(viewModel: YJViewModel)}/// ViewModel完全把Model和View进行了分离,主要的程序逻辑在ViewModel里实现。public class YJViewModel: YJModelProtocol { /// 姓名 var name: String? /// view层代理 var delegate: YJViewModelProtocol? // 开始数据准备 func initData() { print("\nViewModel Begin++++++++++++") print("ViewModel层收到UI指令") // 向服务器发送数据 let model = YJModel() model.data = Dictionary() model.data!["name"] = "阳君" model.delegate = self // 当前类接收数据 print("开始请求Model层获取数据") model.sendRequest() } func execute(model: YJModel) { print("\nViewModel层收到Model层数据:\(model.data)") self.name = model.data?["name"] as? String print("ViewModel层通知UI层,数据已准备") print("ViewModel End++++++++++++") self.delegate?.execute(self) }}
4.4 View层
View层就是ViewController了。
//// ViewController.swift// MVVM//// Created by yangjun on 16/1/15.// Copyright © 2016年 阳君. All rights reserved.//import UIKit/// View层class YJViewController: UIViewController, YJViewModelProtocol { /// 姓名 @IBOutlet weak var name: UILabel! /// Presenter层 var viewModel = YJViewModel() override func viewDidLoad() { super.viewDidLoad() print("View Begin------------") self.viewModel.delegate = self print("View层发出指令通知Presenter层") self.viewModel.initData()// 初始化数据 } // MARK: - YJViewModelProtocol func execute(viewModel: YJViewModel) { print("\nView层收到Presenter层通知") self.name.text = viewModel.name print("View End------------") }}
从代码中可以看出业务逻辑已经完全扔给ViewModel做处理了。
4.4 测试
运行项目后可看见如下输出效果,会发现层与层之间的关系非常清晰,代码的可维护度非常高。
View Begin------------View层发出指令通知Presenter层ViewModel Begin++++++++++++ViewModel层收到UI指令开始请求Model层获取数据Model Begin============Model收到通知开始请求服务器服务器接收数据:Optional(["name": 阳君])服务器数据处理完毕,回发中...Model收到服务器发回的数据,通知上一层Model End============ViewModel层收到Model层数据:Optional(["qq": 937447974, "name": 阳君])ViewModel层通知UI层,数据已准备ViewModel End++++++++++++View层收到Presenter层通知View End------------
其他
源代码
Framework
参考资料
MVVM
文档修改记录
版权所有
CSDN:http://blog.csdn.net/y550918116j
GitHub:https://github.com/937447974/Blog
- MVVM框架
- MVVM框架
- mvvm 框架 比较
- MVVM框架 v1发布
- WPF MVVM框架(转)
- MVVM框架介绍
- Reactivecocoa编程框架--MVVM
- [iOS]MVVM-框架介绍
- [iOS]MVVM-框架介绍
- iOS mvvm 框架设计
- iOS-MVVM-框架介绍
- iOS-MVVM-框架介绍
- iOS-MVVM-框架介绍
- MVVM-Reactive框架
- 【框架学习】MVVM初探
- MVVM-框架介绍
- 框架模式-MVVM
- Android 框架MVVM详解
- 提升tomcat服务器性能的七条经验
- jquery attr()方法
- [福利贴]Icon图标及启动图片一键制作
- 欢迎使用CSDN-markdown编辑器
- 黑盒测试的策略(类型)有哪些
- MVVM框架
- 17.1.1.5 Creating a Data Snapshot Using mysqldump
- c++的this指针与空指针类成员函数访问
- ubuntu 15 QT错误异常处理汇总
- myeclipse2015最简单破解
- Collection 和 Collections的区别。
- 第四周--项目3单链表的应用(1)
- 文章标题
- 基于go语言的消息推送系统架构分析