htmlcell高度设置,cell上使用自适应高度的webView

cell 上使用自适应高度的webView注意点

1.不能使用cell复用 出现问题&＃xff1a;每次cell出现&＃xff0c;或者消失&＃xff0c;cell被复用&＃xff0c;已经加载的webview都需要重新加载&＃xff0c;加载成功重新刷新高度 &＃xff0c;在滑动刷新的过程会反复加载形成循环

2.再不使用复用的情况下&＃xff0c;已经加载过的添加加载标示&＃xff0c;不再重复加载&＃xff0c;避免良妃资源&＃xff0c;卡顿

3. 适用于cell个数不是太多的需求&＃xff0c;

1. 创建cell

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

NSString * identify &＃61; [NSString stringWithFormat:&＃64;"%ld%ldcell",indexPath.row,indexPath.section];

TasKStauesCell * cell &＃61; [tableView dequeueReusableCellWithIdentifier:identify];

if (!cell) {

cell &＃61; [[TasKStauesCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identify];

}

[self configureCell1:cell atIndexPath:indexPath withObject:nil];

return cell;

}

2. 回掉刷新高度

- (void)configureCell1:(UITableViewCell *)defaultCell atIndexPath:(NSIndexPath *)indexPath withObject:(id)object {

TasKStauesCell * cell &＃61; (TasKStauesCell *)defaultCell;

__weak typeof(self) weakself &＃61; self;

// 网页加载完毕回掉刷新高度

cell.loagBlock &＃61; ^(CGFloat Height, NSIndexPath *indexPath) {

[weakself.tableView reloadData];

};

cell.selectionStyle &＃61; UITableViewCellSelectionStyleNone;

[cell bindObject:object atIndexPath:indexPath];

}

创建webView

-(WKWebView *)webView

{

if (!_webView) {

NSString *jScript &＃61; &＃64;"var meta &＃61; document.createElement(&＃39;meta&＃39;); meta.setAttribute(&＃39;name&＃39;, &＃39;viewport&＃39;); meta.setAttribute(&＃39;content&＃39;, &＃39;width&＃61;device-width&＃39;); document.getElementsByTagName(&＃39;head&＃39;)[0].appendChild(meta);";

WKUserScript *wkUScript &＃61; [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];

WKUserContentController *wkUController &＃61; [[WKUserContentController alloc] init];

[wkUController addUserScript:wkUScript];

WKWebViewConfiguration *wkWebConfig &＃61; [[WKWebViewConfiguration alloc] init];

wkWebConfig.userContentController &＃61; wkUController;

_webView &＃61; [[WKWebView alloc] initWithFrame:CGRectZero configuration:wkWebConfig];

_webView.navigationDelegate &＃61; self;

_webView.scrollView.bounces &＃61; NO;

_webView.scrollView.alwaysBounceVertical &＃61; NO;

_webView.scrollView.scrollEnabled &＃61; NO;

// [_webView loadHTMLString: baseURL:]

// [_webView.scrollView addObserver:self forKeyPath:&＃64;"contentSize" options:NSKeyValueObservingOptionNew context:nil]; 监听contentsize 变化

}

return _webView;

}

4. 加载Html

-(void)bindObject:(id)object atIndexPath:(NSIndexPath *)indexPath{

if (!self.object) {//已加载 不在重复z加载

self.object &＃61; urlStr;

// [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:urlStr]]];

[self.webView loadHTMLString:urlStr baseURL:nil];

}

}

5.获取webVIew的高度

//页面加载完成之后调用

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {

__weak typeof(self) weakself &＃61; self ;

[webView evaluateJavascript:&＃64;"document.body.offsetHeight;" completionHandler:^(id _Nullable any, NSError * _Nullable error) {

NSString *heightStr &＃61; [NSString stringWithFormat:&＃64;"%&＃64;",any];

NSLog(&＃64;"&＃61;********&＃61;&＃61;&＃61;%&＃64;*****%ld*****",heightStr,weakself.indexPath.row);

if (weakself.tasKStaues&＃61;&＃61;TasKStauesOfRefuse)

{

//方法一&＃xff1a;

// [weakself.webView mas_updateConstraints:^(MASConstraintMaker *make) {

// make.height.mas_equalTo([heightStr floatValue]);

// }];

// [self.headerView mas_updateConstraints:^(MASConstraintMaker *make) {

// make.bottom.mas_equalTo(self.bgView.mas_bottom).mas_offset(-15-10-[heightStr floatValue]);

// }];

// self.heightWeb &＃61; [heightStr floatValue];

// if (self.loagBlock) {

// self.loagBlock([heightStr floatValue],self.indexPath);

// }

//方法二&＃xff1a;

[weakself.webView mas_updateConstraints:^(MASConstraintMaker *make) {

make.height.mas_equalTo(weakself.webView.scrollView.contentSize.height);

}];

[weakself.headerView mas_updateConstraints:^(MASConstraintMaker *make) {

make.bottom.mas_equalTo(weakself.bgView.mas_bottom).mas_offset(-15-10-weakself.webView.scrollView.contentSize.height);

}];

weakself.heightWeb &＃61; weakself.webView.scrollView.contentSize.height;

if (weakself.loagBlock) {

weakself.loagBlock(weakself.webView.scrollView.contentSize.height,weakself.indexPath);

}

}

}];

}

测试Html string

目前只想到这个方法&＃xff0c;有更好方法请通知我