前言
很多情况下都需要在cell上面嵌套网页,
譬如:文章的详情页面, 内容是H5, 而文章下面的点赞评论是原生做的;
这个时候我们想到的一种方法是在TableViewCell嵌套网页webview就可以实现产品的需求;
获取网页的高度
这个是重点,划线,期末要考试
//获取到webview的高度
CGFloat height = [[self.webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];
代码实现
- (void)viewDidLoad {
[super viewDidLoad];
_webView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, 1)];
_webView.delegate = self;
_webView.scrollView.scrollEnabled = NO;
[self.webView loadRequest:[[NSURLRequest alloc] initWithURL:[NSURL URLWithString:@"https://www.baidu.com/"]]];
}
#pragma mark - TableViewDelegate & TableViewDatasource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return 3;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
if (indexPath.row == 1){
static NSString *identifier = @"cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
if (!cell){
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
[cell.contentView addSubview:_webView];
/* 忽略点击效果 */
[cell setSelectionStyle:UITableViewCellSelectionStyleNone];
}
return cell;
}else{
static NSString *identifier = @"cell";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:identifier];
if (!cell){
cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:identifier];
}
cell.textLabel.text = [NSString stringWithFormat:@"index====%ld",(long)indexPath.row];
return cell;
}
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath; {
if(indexPath.row == 1){
/* 通过webview代理获取到内容高度后,将内容高度设置为cell的高 */
return _webView.frame.size.height;
}else{
return 100;
}
}
#pragma mark - UIWebView Delegate Methods
-(void)webViewDidFinishLoad:(UIWebView *)webView {
//获取到webview的高度
CGFloat height = [[self.webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];
self.webView.frame = CGRectMake(self.webView.frame.origin.x,self.webView.frame.origin.y, kScreenWidth, height);
[self.tableView reloadData];
}
这样我们就可以动态计算网页的高度,任由你在网页的上下方添加你想要的原生需求了
网友评论