先借鑒一個demo，看完demo，基本上就大概理解是什么意思了，demo地址：MVVMDemo
View Model.png
只是個人的一點理解。
其實說明白了，MVVM的設(shè)計模式也只是在MVC模式上的更進一步的封裝，解耦，增加了代碼量，但是方便了測試，分層更加細致，模塊更加具體。好的代碼應該是易于讀取，方便測試，盡量解耦。
層級.png
可以看到上圖的層級，其實tableView的代理也可以作為ViewModel，因為都是我們抽出來的和View進行交互。Controller中，就剩下一些簡單的交互。
抽取的思路：關(guān)于網(wǎng)絡(luò)請求我們需要對數(shù)據(jù)進行處理，可以放在ViewModel里，對于UITabelView的抽取，重要的就是兩個代理方法的抽取，使用繼承與NSObject的兩個model， 分別繼承與<UITableViewDataSource><UITableViewDelegate>這兩個代理，即可完成抽取。View 與 Model的抽取就不用說明了。
因為我們抽取了繼承與<UITableViewDelegate>的model，在界面跳轉(zhuǎn)的時候，我們需要明確知道當前的控制器，所以我們需要額外提供一個接口：@property(nonatomic,weak)LXTableViewController *controller;,接口的屬性聲明為weak，防止循環(huán)引用，因為在Controller已經(jīng)擁有了該model。
返回的時候可以看到該控制器已經(jīng)釋放。
代碼如下:
Controller: （可以看到Controller 里的代碼更加精簡）
@interface LXTableViewController ()
{
MJRefreshNormalHeader *refreshHeader;
MJRefreshAutoNormalFooter *refreshFooter;
NSMutableArray *totalSource;
LBViewModel *tableViewModel;
UITableView *tableView;
LBTableViewDataSource *tableViewDataSource;
LBTableViewDelegate *tableViewDelegate;
}
/** 用來顯示的假數(shù)據(jù) */
@end
@implementation LXTableViewController
-(void)dealloc{
NSLog(@"%s",__func__ );
}
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor=[UIColor whiteColor];
tableView=[[UITableView alloc] initWithFrame:CGRectMake(0, 0, Device_Width, Device_Height-64) style:UITableViewStylePlain];
tableView.tableFooterView =[UIView new];
[self.view addSubview:tableView];
tableViewDataSource=[[LBTableViewDataSource alloc] init];
tableViewDelegate=[[LBTableViewDelegate alloc] init];
tableView.dataSource=tableViewDataSource;
tableView.delegate=tableViewDelegate;
tableViewDelegate.controller = self;
tableViewModel=[[LBViewModel alloc] init];
totalSource=0;
__weak typeof(self) weakSelf = self;
// 設(shè)置回調(diào)（一旦進入刷新狀態(tài)就會調(diào)用這個refreshingBlock）
self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
__strong typeof(self) strongSelf = weakSelf;
[strongSelf loadNewData];
}];
// 馬上進入刷新狀態(tài)
[self.tableView.mj_header beginRefreshing];
}
-(void)loadNewData{
[tableViewModel headerRefreshRequestWithCallback:^(NSArray *array){
totalSource=(NSMutableArray *)array;
tableViewDataSource.array=totalSource;
tableViewDelegate.array=totalSource;
[self.tableView.mj_header endRefreshing];
[tableView reloadData];
}];
}
Model
#import <Foundation/Foundation.h>
@interface FeedbackModel : NSObject
@property(nonatomic,strong)NSString *content;
@property(nonatomic,strong)NSString *answerTime;
@property(nonatomic,strong)NSString *answer;
@property(nonatomic,strong)NSString *createTime;
@property(nonatomic,strong)NSString *status;
@end
View (使用的還是原demo的)
@interface CustomTableViewCell : UITableViewCell
@property(nonatomic,strong) UILabel *titleLabel;
@end
#import "CustomTableViewCell.h"
@implementation CustomTableViewCell
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
if (self) {
self.backgroundColor = LBRandomColor;
// Initialization code
_titleLabel=[[UILabel alloc] initWithFrame:CGRectMake(0, 0, Device_Width, 50)];
[self.contentView addSubview:_titleLabel];
_titleLabel.backgroundColor=[UIColor whiteColor];
_titleLabel.font=[UIFont systemFontOfSize:14];
}
return self;
}
@end
TableViewprotocol的封裝
@interface LBTableViewDataSource : NSObject<UITableViewDataSource>
@property (nonatomic,strong) NSArray *array;
@end
@implementation LBTableViewDataSource
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
return self.array.count;
}
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
CustomTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
if (cell == nil) {
cell = [[CustomTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"Cell"];
}
NSString *content=((FeedbackModel *)[_array objectAtIndex:indexPath.row]).content;
NSString *newContent = [NSString stringWithFormat:@"%@ %@",@"Q :",[LBService stringFromUnicode:content]];
cell.textLabel.text = newContent;
return cell;
}
-------------------------------------------------------------------------------------------
#import <Foundation/Foundation.h>
@class LXTableViewController;
@interface LBTableViewDelegate : NSObject<UITableViewDelegate>
@property (nonatomic,strong) NSArray *array;
@property(nonatomic,weak)LXTableViewController *controller;
@end
@implementation LBTableViewDelegate
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
if (_array.count>0) {
[self.controller.navigationController pushViewController:[[LBNextViewController alloc]init] animated:YES];
}
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return 50.0;
}
ViewModel (主要封裝了獲取數(shù)據(jù)源，最好有回調(diào)block)
typedef void(^callback)(NSArray *array);
@interface LBViewModel : NSObject
-(void)headerRefreshRequestWithCallback:(callback)callback;
@end
@implementation LBViewModel
- (instancetype)init
{
self = [super init];
if (self) {
}
return self;
}
-(void)headerRefreshRequestWithCallback:(callback)callback{
NSString *url = @"https://139.129.165.192:8443/lbjy-project/findInfoFeedback.action?userId=33A971DAE942BEB3E050190AE10D552C";
[LBHTTPTool get:url params:nil success:^(id responseObject) {
// NSLog(@"%@",responseObject);
NSMutableArray *arr=[NSMutableArray array];
NSMutableArray *responseArray =[FeedbackModel mj_keyValuesArrayWithObjectArray:responseObject[@"FeedbackList"]];
for (NSDictionary *paramDic in responseArray) {
FeedbackModel *model =[FeedbackModel mj_objectWithKeyValues:paramDic];
[arr addObject:model];
}
callback(arr);
} failure:^(NSError *error) {
}];
}
show.gif
以上只是個人一點理解。
demo 地址： MVVMDemo
