项目需求:UITableViewCell嵌套UIWebView,并且让UIWebView根据内容自适应高度。
1 获取UIWebView高度
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
// 如果要获取webView高度必须在网页加载完成之后获取
// 方法一
CGFloat height = [self.webView sizeThatFits:CGSizeZero].height;
// 方法二
CGFloat height = webView.scrollView.contentSize.height;
// 方法三 (不推荐使用,当webView.scalesPageToFit = YES计算的高度不准确)
CGFloat height = [[self.webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];
}
2 UIWebView加载完成后cell高度的更新,使用通知来实现。
TableViewCell.m
- (void)webViewDidFinishLoad:(UIWebView *)webView
{
CGSize fittingSize = [self.webView sizeThatFits:CGSizeZero];
self.height = fittingSize.height;
self.webView.frame = CGRectMake(0, 0, fittingSize.width, fittingSize.height);
// 用通知发送加载完成后的高度
[[NSNotificationCenter defaultCenter] postNotificationName:@"WEBVIEW_HEIGHT" object:self userInfo:nil];
}
ViewController.m
- (void)viewDidLoad
{
[super viewDidLoad];
// 用于缓存cell高度
self.heightDic = [[NSMutableDictionary alloc] init];
// 注册加载完成高度的通知
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(noti:) name:@"WEBVIEW_HEIGHT" object:nil];
}
- (void)noti:(NSNotification *)sender
{
TableViewCell *cell = [sender object];
if (![self.heightDic objectForKey:[NSString stringWithFormat:@"%ld",cell.tag]]||[[self.heightDic objectForKey:[NSString stringWithFormat:@"%ld",cell.tag]] floatValue] != cell.height)
{
[self.heightDic setObject:[NSNumber numberWithFloat:cell.height] forKey:[NSString stringWithFormat:@"%ld",cell.tag]];
[self.tableView reloadRowsAtIndexPaths:@[[NSIndexPath indexPathForRow:cell.tag inSection:0]] withRowAnimation:UITableViewRowAnimationNone];
}
}
任何列表在同时加载很多条数据时都可能会出现类似问题,尤其是cell上面嵌套webview,可以采取一些方法避免:
(1)分页加载(例如每页20条)
(2)高度缓存,对于已经计算过高度的cell把计算过的高度存储下次直接使用不进行二次高度计算
(3)定点更新,当高度计算完成(webview加载完成)后对指定cell刷新,而不是刷新全部cell
(4)占位处理,对于未加载完成的cell,用固定高度和内容进行占位,等webveiw加载完成后再显示(这是可以非常有效的处理动态高度cell布局的闪屏问题)