MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。
实际上在iOS中，我们也可以想为Model-View-ViewController-ViewModel。
MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model），有几大优点
1. 低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。
2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。
3. 独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，使用Expression Blend可以很容易设计界面并生成xaml代码。
4. 可测试。界面素来是比较难于测试的，而现在测试可以针对ViewModel来写。
5. 简化VC。MVC模式中，VC的代码过于臃肿，而MVVM着重解决这一点。
Model的创建，和一般的Model创建没什么区别
import UIKit
struct MyHabitsModel {
let image:String
let title:String
init(image:String,title:String) {
self.image = image
self.title = title
}
}
extension MyHabitsModel:CustomStringConvertible {
var description:String {
return "image:\(image) title:\(title) "
}
}
ViewModel的创建,主要用于数据变化时，向外发出通知。
Observable<T> 这个类就是Rx 框架的基础，我们可以称它为可观察序列。它的作用就是可以异步地产生一系列的 Event（事件），即一个 Observable<T> 对象会随着时间推移不定期地发出 event(element : T) 这样一个东西。
just() 方法，该方法通过传入一个默认值来初始化。
import UIKit
import RxSwift
import RxCocoa
struct MyHabitsViewModel {
let data = Observable.just([
MyHabitsModel.init(image: "today-selected", title: "学习"),
MyHabitsModel.init(image: "today-selected", title: "工作")
}
View 的创建，这边用于cell的自定义创建
import UIKit
class MyHabitsCell: UITableViewCell {
var mainView:UIView!
var imgView:UIImageView!
var titleLab:UILabel!
override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
mainView = UIView()
mainView.layer.borderWidth = 1*myScaleSet
mainView.layer.borderColor = UIColor.black.cgColor
mainView.layer.cornerRadius = 5*myScaleSet
imgView = UIImageView()
titleLab = UILabel()
addSubview(mainView)
mainView.addSubview(imgView)
mainView.addSubview(titleLab)
}
override func layoutSubviews() {
super.layoutSubviews()
mainView.frame = CGRect(x: 10*myScaleSet,
y: 5*myScaleSet,
width: width-20*myScaleSet,
height: height-10*myScaleSet)
imgView.frame = CGRect(x: 10*myScaleSet,
y: 10*myScaleSet,
width: 40*myScaleSet,
height: 40*myScaleSet)
titleLab.frame = CGRect(x: imgView.right+10*myScaleSet,
y: imgView.y,
width: mainView.width/2,
height: 20*myScaleSet)
}
func setCellData(model:MyHabitsModel) {
titleLab.text = model.title
imgView.image = UIImage(named: model.image)
selectionStyle = UITableViewCellSelectionStyle.none
mainView.backgroundColor = model.backColor
}
required init(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
override func awakeFromNib() {
super.awakeFromNib()
// Initialization code
}
override func setSelected(_ selected: Bool, animated: Bool) {
super.setSelected(selected, animated: animated)
// Configure the view for the selected state
}
}
VC的实现
import UIKit
import RxSwift
import RxCocoa
@objc(MyHabitsVC)
class MyHabitsVC: UIViewController {
var tableView:UITableView!
//数据源
let myHabitsViewModel = MyHabitsViewModel()
//负责销毁对象
let disposeBag = DisposeBag()
override func viewDidLoad() {
super.viewDidLoad()
self.tableView = UITableView(frame: self.view.frame, style:.plain)
//创建一个重用的单元格
self.tableView!.register(MyHabitsCell.self, forCellReuseIdentifier: "MyHabitsCell")
self.tableView.separatorStyle = UITableViewCellSeparatorStyle.none
self.tableView.rowHeight = 70*myScaleSet
self.view.addSubview(self.tableView!)
//初始化数据
let items = myHabitsViewModel.data
//监听数据
items.bind(to: tableView.rx.items){ (tableView, row, dataSource) in
let cell = tableView.dequeueReusableCell(withIdentifier: "MyHabitsCell") as! MyHabitsCell
cell.setCellData(model: dataSource)
return cell
}
.disposed(by: disposeBag)
//获取选中项的索引
tableView.rx.itemSelected.subscribe(onNext: { indexPath in
print("选中项的indexPath为：\(indexPath)")
}).disposed(by: disposeBag)
}
@objc func addButtonAction() {
let addHabitVC = AddHabitVC()
self.navigationController?.present(addHabitVC, animated: true, completion: nil)
}
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWarning()
// Dispose of any resources that can be recreated.
}
}
好了，大家可以试一试
网友评论