在MVVM 中搀庶，view 和 view controller正式聯(lián)系在一起，我們把它們視為一個組件
view 和 view controller 都不能直接引用model党晋，而是引用視圖模型（viewModel）
viewModel 是一個放置用戶輸入驗證邏輯都弹，視圖顯示邏輯，發(fā)起網(wǎng)絡(luò)請求和其他代碼的地方
view 引用viewModel 肘交，但反過來不行（即不要在viewModel中引入#import UIKit.h，任何視圖本身的引用都不應(yīng)該放在viewModel中）（PS：基本要求扑馁，必須滿足）
viewModel 引用model，但反過來不行
本文里用MVVM模式凉驻，以及RAC雙向數(shù)據(jù)綁定腻要，來講解“未讀消息”的標記這個小栗子（小紅點的隱藏與顯示）。效果圖
思路講解：
viewModel 綁定整個視圖涝登，通過viewModel獲得列表model后雄家，創(chuàng)建cellModel（cell的viewModel），每個cell綁定cellModel胀滚，cell根據(jù)cellModel變化而變化
結(jié)構(gòu)：
image.png
上代碼
viewController：viewWillAppear都去獲取第一條消息的ID
@interface TJMMineViewController ()<TJMMineHeaderDelegate, UITableViewDelegate, UITableViewDataSource>
@property (weak, nonatomic) IBOutlet UITableView *tableView;
@property (nonatomic, strong) TJMMineHeader *mineHeader;
@property (strong, nonatomic) IBOutlet TJMMineViewModel *viewModel;
@end
@implementation TJMMineViewController
#pragma mark - view life cycle
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
[self configViews];
[self configTableview];
}
- (void)viewWillAppear:(BOOL)animated {
[super viewWillAppear:animated];
[_viewModel getSignalMessage];//viewWillAppear都去獲取第一條消息的ID
}
#pragma mark - configViews
- (void)configViews {
[self setTitle:@"我 的" fontSize:18 colorHexValue:0x73d7ff];
[self setRightNaviItemWithImageName:@"mine_setting" orTitle:nil titleColorHexValue:0 fontSize:0];
}
- (void)configTableview {
self.tableView.tableHeaderView = self.mineHeader;
[_tableView registerNib:[UINib nibWithNibName:@"TJMMineCell" bundle:nil] forCellReuseIdentifier:cMineCell];
}
#pragma mark - UITableViewDelegate, UITableViewDataSource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return self.viewModel.dataSource.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
TJMMineCell *cell = [tableView dequeueReusableCellWithIdentifier:cMineCell forIndexPath:indexPath];
cell.cellModel = self.viewModel.dataSource[indexPath.row];//綁定cellModel
return cell;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
return self.viewModel.rowHeight;
}
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
[TJMUnloginView showWithLoginResult:^{
TJMMineCellModel *cellModel = self.viewModel.dataSource[indexPath.row];
[self performSegueWithIdentifier:cellModel.segueId sender:nil];
}];
}
model.h
@interface TJMMineModel : NSObject
@property (nonatomic, copy) NSString *imageName;
@property (nonatomic, copy) NSString *title;
@property (nonatomic, copy) NSString *segueId;
@property (nonatomic, assign) BOOL isMessageItem;//如果不是消息那一行則為NO
@end
viewModel.h
@interface TJMMineViewModel : TJMListBaseViewModel
@property (nonatomic, assign) CGFloat rowHeight;
/**獲取消息列表的第一條數(shù)據(jù)趟济，并對比*/
- (void)getSignalMessage;
@end
viewModel.m
1.得到model array 后乱投，用RAC map 方法 將 [model] 轉(zhuǎn)換為包含model的[cellModel]
NSArray *mapArr = [[array.rac_sequence map:^id _Nullable(id _Nullable value) {
TJMMineCellModel *cellModel = [[TJMMineCellModel alloc]init];
cellModel.model = value;
return cellModel;
}] array];
2.獲取消息列表的第一條數(shù)據(jù)，與本地數(shù)據(jù)對比顷编，如果不一樣則表示有新消息戚炫，想cellModel的 isExitUnreadMsg 屬性 標記為YES，反之標記為NO媳纬。（此時cell 已綁定了 cellModel 所以 isExitUnreadMsg 變化 cell 也會跟著變化）
NSString *unreadId = [[NSUserDefaults standardUserDefaults] stringForKey:kUnreadMessageId];
TJMMessageModel *model = [TJMMessageModel mj_objectWithKeyValues:successObj[@"data"]];
TJMMessageRecordModel *record = model.records.firstObject;
if (!unreadId) {
[[NSUserDefaults standardUserDefaults] setObject:record.ID forKey:kUnreadMessageId];
} else {
TJMMineCellModel *msgCellModel = self.dataSource[2];
if (![unreadId isEqualToString:record.ID]) {
msgCellModel.isExitUnreadMsg = YES;
} else {
msgCellModel.isExitUnreadMsg = NO;
}
}
完整代碼
- (id)init {
if (self = [super init]) {
//獲取Model
NSArray *array = [TJMMineModel mj_objectArrayWithFile:[[NSBundle mainBundle] pathForResource:@"TJMMineModel" ofType:@"plist"]];
NSArray *mapArr = [[array.rac_sequence map:^id _Nullable(id _Nullable value) {
TJMMineCellModel *cellModel = [[TJMMineCellModel alloc]init];
cellModel.model = value;
return cellModel;
}] array];
self.dataSource = [NSMutableArray arrayWithArray:mapArr];
}
return self;
}
#pragma mark - lazy loading
- (CGFloat)rowHeight {
if (!_rowHeight) {
self.rowHeight = 70.f * TJMHeightRatio;
}
return _rowHeight;
}
- (void)getSignalMessage {
TJMTokenModel *tokenModel = [TJMSandBoxManager getTokenModel];
if (tokenModel) {
NSString *unreadId = [[NSUserDefaults standardUserDefaults] stringForKey:kUnreadMessageId];
NSDictionary *parameters = @{@"currentPage" : @1,
@"pageSize" : @1,
@"customerId" : tokenModel.userId
};
[TJMNetworkingManager GET:TJMApiBasicAddress(TJMGetMessage) isNeedToken:YES parameters:parameters progress:nil success:^(id successObj, NSString *msg) {
TJMMessageModel *model = [TJMMessageModel mj_objectWithKeyValues:successObj[@"data"]];
TJMMessageRecordModel *record = model.records.firstObject;
if (!unreadId) {
[[NSUserDefaults standardUserDefaults] setObject:record.ID forKey:kUnreadMessageId];
} else {
TJMMineCellModel *msgCellModel = self.dataSource[2];
if (![unreadId isEqualToString:record.ID]) {
msgCellModel.isExitUnreadMsg = YES;
} else {
msgCellModel.isExitUnreadMsg = NO;
}
}
} failure:^(NSInteger code, NSString *failString) {
}];
}
}
cell.h
@interface TJMMineCell : UITableViewCell
@property (weak, nonatomic) IBOutlet UIImageView *iconImageView;
@property (weak, nonatomic) IBOutlet TJMLabel *titleLabel;
@property (weak, nonatomic) IBOutlet UIView *dotView;
@property (nonatomic, strong) TJMMineCellModel *cellModel;
@end
cell.m
這里只說明消息那個小紅點的綁定双肤，
先看combineLatestWith:reduce: 方法，綁定兩個信號钮惠，判斷狀態(tài)返回一個新的信號茅糜；
所以dotView 的隱藏與否，取決于這個signal 是否滿足素挽，“reduce”后的判斷條件（即這個cell既要是“我的消息”---->isMessageItem == YES蔑赘，且還要有未讀消息isExitUnreadMsg == YES，才會顯示小紅點）
if (isMessageItem.boolValue) {
if (isExitUnreadMsg.boolValue) {
return @0;
} else {
return @1;
}
} else {
return @1;
}
完整代碼
- (void)setCellModel:(TJMMineCellModel *)cellModel {
if ([cellModel isEqual:_cellModel]) return;
_cellModel = cellModel;
RAC(_iconImageView, image) = RACObserve(cellModel, image);
RAC(_titleLabel, text) = RACObserve(cellModel, title);
RAC(_dotView, hidden) = [RACSignal combineLatest:@[RACObserve(cellModel, isMessageItem), RACObserve(cellModel, isExitUnreadMsg)] reduce:^id (NSNumber *isMessageItem, NSNumber *isExitUnreadMsg){
if (isMessageItem.boolValue) {
if (isExitUnreadMsg.boolValue) {
return @0;
} else {
return @1;
}
} else {
return @1;
}
}];
}
cellModel.h
@interface TJMMineCellModel : TJMBaseViewModel
@property (nonatomic, strong) TJMMineModel *model;
@property (nonatomic, copy) NSString *imageName;
@property (nonatomic, copy) NSString *title;
@property (nonatomic, copy) NSString *segueId;
@property (nonatomic, assign) BOOL isMessageItem;
@property (nonatomic, assign) BOOL isExitUnreadMsg;
@property (nonatomic, strong) UIImage *image;
@end
cellModel.m 就是綁定model
- (void)setModel:(TJMMineModel *)model {
if ([model isEqual:_model]) return;
_model = model;
RAC(self, title) = RACObserve(_model, title);
RAC(self, isMessageItem) = RACObserve(_model, isMessageItem);
@weakify(self);
[RACObserve(_model, imageName) subscribeNext:^(NSString * _Nullable x) {
@strongify(self);
self.image = [UIImage imageNamed:x];
}];
RAC(self, segueId) = RACObserve(_model, segueId);
}
