这里主要是将上期的核心思路应用到应用到UITableView上来。
这里与上一期最大的不同就是在于，以cell来作为view的平台。这里还有添加一些优化性能的思路。
自定义cell(作为平台)
这里有个比较特殊的地方，也是它的优势的地方，复用机制。所以在cell使用的控件上必须要在创建cell的同时创建其它的控件。
代码：
+ (instancetype)addFrameworkCellTableViewCell:(UITableView *)tableView {
static NSString *ID = @"TYFrameworkCellTableViewCell";
TYFrameworkCellTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];
if (!cell) {
cell = [[TYFrameworkCellTableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:ID];
[cell initView];
}
return cell;
}
- (void)initView {
TYFrameworkCellLayoutView *layoutView = [TYFrameworkCellLayoutView addFrameworkCellLayoutView];
[self addSubview:_layoutView = layoutView];
}
TYFrameworkCellLayoutView就是我们创建所有控件的类，在addFrameworkCellLayoutView方法中我们只是做创建，没有涉及到布局。
获取数据转模型和简单处理布局数据
在这里我们使用的是本地的json数据，在获取数据后通过创建子线程来做布局数据计算。
+ (void)addWithFrameworkModelLayoutStr:(NSString *)str frameworkModel:(frameworkModelLayoutBlock)frameworkModel {
NSMutableArray *muArr = [NSMutableArray array];
NSArray *arr = [TYJsonData addJsonDataStr:str];
for (int i = 0; i < arr.count; i++) {
NSDictionary *dic = arr[i];
NSString *contentStr = dic[@"lblContent"];
dispatch_queue_t queue = dispatch_queue_create("frameworkModelLayout", DISPATCH_QUEUE_CONCURRENT);
//异步并发执行
dispatch_async(queue, ^{
CGSize size = [TYJsonData addWithCalculateHeightStr:contentStr];
dispatch_sync(dispatch_get_main_queue(), ^{
NSString *heightStr = [NSString stringWithFormat:@"%f",size.height];
NSString *viewHeight = [NSString stringWithFormat:@"%f",400 + size.height + 50 + 20];
NSMutableDictionary *mutbleDic = [NSMutableDictionary dictionaryWithDictionary:dic];
[mutbleDic setValue:viewHeight forKey:@"viewHeight"];
[mutbleDic setValue:heightStr forKey:@"lblHeight"];
TYFrameworkCellModel *models = [TYFrameworkCellModel addWithModelDic:mutbleDic];
[muArr addObject:models];
if (i == arr.count - 1) {
if (models) {
frameworkModel(muArr);
}
}
});
});
}
}
这也算个性能优化的点，我们提前对布局进行运算，不在主线程中进行炒作。
进行页面布局
- (void)introductionWithData:(TYFrameworkCellModel *)model sliding:(BOOL)sliding {
_layoutView.left = 0;
_layoutView.top = 0;
_layoutView.width = w;
_layoutView.height = [model.viewHeight floatValue];
[_layoutView addWithLayoutModel:model];
[TYFrameworkLogic addWithImageUrl:model sliding:sliding operationImage:^(NSString *urlStr) {
[_layoutView addWithImageUrl:urlStr];
}];
}
具体来说，这里我们进行了两步操作。布局和处理页面逻辑数据，TYFrameworkLogic就是我们页面数据逻辑处理。
在这里主要处理的两个性能问题，一个是就布局，一个就是图片的加载实际的处理。布局就是通过子线程来做运算。图片加载时机，这里就要通过UIScrollView来做处理了。大致的思路就是，滑动时不让其进行图片加载，当滑动停止时才对图片进行加载。
为什么要这样做了，大家都知道异步加载图片不影响主线程，但图片显示出来就要在主线程上进行操作。因为图片是一张一张的请求，请求成功后直接加载到页面上，这一过程就使用到了主线程。加载的多就会出现卡顿现象。
