iOS开发之 TableViewCell嵌套webview

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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的主要内容,如果未能解决你的问题,请参考以下文章

iOS 自定义 TableViewCell 行高(嵌套 FlowLayout)

iOS tableViewCell嵌套tableview,cell刷新紊乱解决办法

IOS之TableViewCell重用机制避免重复显示问题

iOS 之平移动画

iOS开发之根据按钮确定点击的section 和row

iOS:iOS 9 上 iPad 的 TableViewCell 背景