Swift-RxSwift-MVVM初学使用教程1

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.
    }
    


}

好了,大家可以试一试

推荐阅读更多精彩内容