您的当前位置:首页正文

iOS 设计模式之MVVM

来源:要发发知识网
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

以上只是个人一点理解。