iOS開發之 TableViewCell嵌套webview

標籤：

轉自 http://www.jianshu.com/p/e199496a8b8a

新項目中，遇到了一個新的需求：tableview中一個cell裡嵌套了web view，想讓web view根據內容自適應高度，cell根據webView自適應高度。
對於這個需求，我們只要2步就可以完成。

1.如何擷取webview的高度

webview的高度，我從http://stackoverflow.com/questions/7341767/ios-resize-uiwebview-to-fit-content
http://www.xuebuyuan.com/2035051.html找到了答案。

    //擷取到webview的高度    CGFloat height = [[self.webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"] floatValue];

2.擷取到webview的高度，重新reloadTableview就可以

- (void)viewDidLoad {    [super viewDidLoad];    _webView = [[UIWebView alloc]initWithFrame:CGRectMake(0, 0, kScreenWidth, 1)];    _webView.delegate = self;    _webView.scrollView.scrollEnabled = NO;    //積極式載入url    [self.webView loadRequest:[[NSURLRequest alloc] initWithURL:[NSURL URLWithString:@"https://www.baidu.com/"]]];}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}#pragma mark - TableViewDelegate & TableViewDatasource- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {    // Return the number of rows in the 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;    }}- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{    [tableView deselectRowAtIndexPath:indexPath animated:YES];}#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];}- (void)webViewDidStartLoad:(UIWebView *)webView{    NSLog(@"webViewDidStartLoad");}- (void)webView:(UIWebView *)webView didFailLoadWithError:(nullable NSError *)error{    NSLog(@"didFailLoadWithError===%@", error);}

PS

demo地址，請猛戳這裡。

文／kuazi（簡書作者）
原文連結：http://www.jianshu.com/p/e199496a8b8a
著作權歸作者所有，轉載請聯絡作者獲得授權，並標註“簡書作者”。

iOS開發之 TableViewCell嵌套webview