美文网首页
iOS TableViewCell嵌套网页webview

iOS TableViewCell嵌套网页webview

作者: nongjiazhen | 来源:发表于2019-07-24 12:13 被阅读0次

    前言
    很多情况下都需要在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];
    }
    

    这样我们就可以动态计算网页的高度,任由你在网页的上下方添加你想要的原生需求了

    原文链接:https://www.jianshu.com/p/c62371ba1d06

    相关文章

      网友评论

          本文标题:iOS TableViewCell嵌套网页webview

          本文链接:https://www.haomeiwen.com/subject/trfxrctx.html