iOS MVVM架構總結

 

為什么使用MVVM

iOS中，我們使用的大部分都是MVC架構。雖然MVC的層次明確，但是由於功能日益的增加、代碼的維護，使得更多的代碼被寫在了Controller中，這樣Controller就顯得非常臃腫。
為了給Controller瘦身，后來又從MVC衍生出了一種新的架構模式MVVM架構。

MVVM分別指什么

MVVM就是在MVC的基礎上分離出業務處理的邏輯到ViewModel層，即：

Model層：請求的原始數據
View層：視圖展示，由ViewController來控制
ViewModel層：負責業務處理和數據轉化

簡單來說，就是API請求完數據，解析成Model，之后在ViewModel中轉化成能夠直接被視圖層使用的數據，交付給前端（View層）。

MVVM與MVC的不同

首先我們簡化一下MVC的架構模式圖：

 

 

 

在這里，Controller需要做太多得事情，表示邏輯、業務邏輯，所以代碼量非常的大。而MVVM：

 

 

 

 

MVVM的實現

比如我們有一個需求：一個頁面，需要判斷用戶是否手動設置了用戶名。如果設置了，正常顯示用戶名；如果沒有設置，則顯示“博客園0122”這種格式。（雖然這些本應是服務器端判斷的）
我們看看MVC和MVVM兩種架構都是怎么實現這個需求的

MVC：

Model類：

#import <Foundation/Foundation.h>

@interface User : NSObject

@property (nonatomic, copy) NSString *userName;
@property (nonatomic, assign) NSInteger userId;

- (instancetype)initWithUserName:(NSString *)userName userId:(NSInteger)userId;

@end
@implementation User

- (instancetype)initWithUserName:(NSString *)userName userId:(NSInteger)userId {
    self = [super init];
    if (!self) return nil;
    _userName = userName;
    _userId   = userId;
    return self;
}

@end

 

ViewController類：

#import "HomeViewController.h"
#import "User.h"

@interface HomeViewController ()

@property (nonatomic, strong) UILabel *lb_userName;
@property (nonatomic, strong) User *user;

@end
@implementation HomeViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    //創建User實例並初始化
    if (_user.userName.length > 0) {
        _lb_userName.text = _user.userName;
    } else {
        _lb_userName.text = [NSString stringWithFormat:@"博客園%ld", _user.userId];
    }
}

@end

 

這里我們需要將表示邏輯也放在ViewController中。

MVVM：

Model類：

#import <Foundation/Foundation.h>

@interface User : NSObject

@property (nonatomic, copy) NSString *userName;
@property (nonatomic, assign) NSInteger userId;

@end

 

ViewModel類：

聲明：

#import <Foundation/Foundation.h>
#import "User.h"

@interface UserViewModel : NSObject

@property (nonatomic, strong) User *user;
@property (nonatomic, copy) NSString *userName;

- (instancetype)initWithUserName:(NSString *)userName userId:(NSInteger)userId;

@end

 

實現：

#import "UserViewModel.h"

@implementation UserViewModel

- (instancetype)initWithUserName:(NSString *)userName userId:(NSInteger)userId {
    self = [super init];
    if (!self) return nil;
    _user = [[User alloc] initWithUserName:userName userId:userId];
    if (_user.userName.length > 0) {
        _userName = _user.userName;
    } else {
        _userName = [NSString stringWithFormat:@"博客園%ld", _user.userId];
    }
    return self;
}

@end

 

Controller類：

#import "HomeViewController.h"
#import "UserViewModel.h"

@interface HomeViewController ()

@property (nonatomic, strong) UILabel *lb_userName;
@property (nonatomic, strong) UserViewModel *userViewModel;

@end
@implementation HomeViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    _userViewModel = [[UserViewModel alloc] initWithUserName:@"liu" userId:123456];
    _lb_userName.text = _userViewModel.userName;
}

@end

 

可見，Controller中我們不需要再做多余的判斷，那些表示邏輯我們已經移植到了ViewModel中，ViewController明顯輕量了很多。說白了，就是把原來ViewController層的業務邏輯和頁面邏輯等剝離出來放到ViewModel層。

總結：

• MVVM同MVC一樣，目的都是分離Model與View，但是它更好的將表示邏輯分離出來，減輕了Controller的負擔；
• ViewController中不要引入Model，引入了就難免會在Controller中對Model做處理；
• 對於很簡單的界面使用MVVM會增加代碼量，但如果界面中內容很多、Cell樣式也很多的情況下使用MVVM可以很好地將VC中處理Cell相關的工作分離出來。

寫到這里，MVVM基本上就算結束了。重要的還是去實踐，在實踐中檢驗真理。

https://www.jianshu.com/p/f1d0f7f01130