先借鉴一个demo，看完demo，基本上就大概理解是什么意思了，demo地址：MVVMDemo
View Model.png
只是个人的一点理解。
其实说明白了，MVVM的设计模式也只是在MVC模式上的更进一步的封装，解耦，增加了代码量，但是方便了测试，分层更加细致，模块更加具体。好的代码应该是易于读取，方便测试，尽量解耦。
层级.png
可以看到上图的层级，其实tableView的代理也可以作为ViewModel，因为都是我们抽出来的和View进行交互。Controller中，就剩下一些简单的交互。
抽取的思路：关于网络请求我们需要对数据进行处理，可以放在ViewModel里，对于UITabelView的抽取，重要的就是两个代理方法的抽取，使用继承与NSObject的两个model， 分别继承与<UITableViewDataSource><UITableViewDelegate>这两个代理，即可完成抽取。View 与 Model的抽取就不用说明了。
因为我们抽取了继承与<UITableViewDelegate>的model，在界面跳转的时候，我们需要明确知道当前的控制器，所以我们需要额外提供一个接口：@property(nonatomic,weak)LXTableViewController *controller;,接口的属性声明为weak，防止循环引用，因为在Controller已经拥有了该model。
返回的时候可以看到该控制器已经释放。
代码如下:
Controller: （可以看到Controller 里的代码更加精简）
@interface LXTableViewController ()
{
MJRefreshNormalHeader *refreshHeader;
MJRefreshAutoNormalFooter *refreshFooter;
NSMutableArray *totalSource;
LBViewModel *tableViewModel;
UITableView *tableView;
LBTableViewDataSource *tableViewDataSource;
LBTableViewDelegate *tableViewDelegate;
}
/** 用来显示的假数据 */
@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;
// 设置回调（一旦进入刷新状态就会调用这个refreshingBlock）
self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{
__strong typeof(self) strongSelf = weakSelf;
[strongSelf loadNewData];
}];
// 马上进入刷新状态
[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 (主要封装了获取数据源，最好有回调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
