Question

我要做的是将一些HTML资源文件加载到UITableView单元格中。我想调整单元格高度取决于UIWebView的内容大小。以下是我的一些测试代码。

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *cellIdentifier = @"TableCellID";

    CustomTableViewCell *cell = (CustomTableViewCell *)[tableView dequeueReusableCellWithIdentifier:cellIdentifier];

    if (cell == nil) {
        NSArray *nibArray = [[NSBundle mainBundle] loadNibNamed:@"CustomTableViewCell" owner:self options:nil];
        cell = [nibArray objectAtIndex:0];
    }

    NSString *htmlFileName = [NSString stringWithFormat:@"page%ld", (long)indexPath.row];

    NSString *htmlFile = [[NSBundle mainBundle] pathForResource:htmlFileName ofType:@"html"];
    NSString *htmlString = [NSString stringWithContentsOfFile:htmlFile encoding:NSUTF8StringEncoding error:nil];
    [cell.webView loadHTMLString:htmlString baseURL: [[NSBundle mainBundle] bundleURL]];

    return cell;
}

如果我描述我的CustomTableViewCell.xib，它在内容视图中有一个UIWebView，UIWebView有以下约束。

ContentView.Bottom = WebView.Bottom + 8
ContentView.Top = WebView.Top +8
ContentView.Leading = WebView.Leading + 8
ContentView.Trailing = WebView.Trailing + 8

HTML fils没有JavaScript或CSS内容。简单如下。

<html>
    <header>
    </header>
    <body>
        <p>eeeee eeeee eeeee eeeee eeeee eeeee eeeee eeeee eeeee eeeee</p>
    </body>
</html>

现在我的输出就像下图。

正如我在顶部解释的那样，我的网页不包含任何JavaScript。所以我可能无法使用stringByEvaluatingJavaScriptFromString方法返回文本。

Answer 1

试试这个

- (void)viewDidLoad {
    [super viewDidLoad]; 
    arrOfHTMLList= [[NSMutableArray alloc] init];
    NSMutableDictionary *dic1 = [[NSMutableDictionary alloc] init];
    [dic1 setObject:@"0" forKey:@"height"];
    [dic1 setObject:@"aaaaaaaaaa aaaaaa aaaaaaa aaaaaaa aaaaaa aaaaaa aaaaaaaa aaaaa" forKey:@"htmlString"];

    NSMutableDictionary *dic2 = [[NSMutableDictionary alloc] init];
    [dic1 setObject:@"0" forKey:@"height"];
    [dic1 setObject:@"abababababbabababababab ababab bababa  ababababb" forKey:@"htmlString"];

    NSMutableDictionary *dic3 = [[NSMutableDictionary alloc] init];
    [dic1 setObject:@"0" forKey:@"height"];
    [dic1 setObject:@"sdajdkjas dkasjkhd jkashjkd sakjhdkj askjdaksh dksajkdkjsah djkasjkhd kjsahjkd asjkhdk jasjkdhaskj" forKey:@"htmlString"];

    NSMutableDictionary *dic4 = [[NSMutableDictionary alloc] init];
    [dic1 setObject:@"0" forKey:@"height"];
    [dic1 setObject:@"sdajdkjas dkasjkhd jkashjkd sakjhdkj askjdaksh dksajkdkjsah djkasjkhd kjsahjkd asjkhdk jasjkdhaskj" forKey:@"htmlString"];

    [arrOfHTMLList addObject:dic1];
    [arrOfHTMLList addObject:dic2];
    [arrOfHTMLList addObject:dic3];
    [arrOfHTMLList addObject:dic4];
    }


-(UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
    UIWebView *webView = (UIWebView*)[cell viewWithTag:1];
    NSString *myHTML = arrOfHTMLList[indexPath.section][@"htmlString"];
    [webView loadHTMLString:myHTML baseURL:nil];
    webView.delegate = self;
    webView.frame = CGRectMake(0, 0, screenWidth,cell.frame.size.height);
return cell;
}


-(void)webViewDidFinishLoad:(UIWebView *)webView
{
    for (UIView *parent=[webView superview];parent!=nil ;parent=[parent superview] )
    {
        if([parent isKindOfClass:[UITableViewCell class]])
        {
            UITableViewCell *cell=(UITableViewCell *)parent;
            NSIndexPath *indexPath=[_tableView indexPathForCell:cell];
            int height = webView.scrollView.contentSize.height;
            [[arrOfHTMLList objectAtIndex:indexPath.section] setObject:[NSString stringWithFormat:@"%d",height] forKey:@"height"];
            [self.tableView reloadRowsAtIndexPaths:[NSArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationNone];
        }
    }
}

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    CGFloat height = [arrOfHTMLList[indexPath.section][@"height"] intValue];
    return height;
}

希望它有所帮助。

Answer 2

主要问题是让网页视图的框架立即适应其html内容:) 并且只有在异步加载内容后才会发生！

- (void)webViewDidFinishLoad:(UIWebView  *)aWebView {
     //TODO: update the table's height for the cell for the webview
}

我写的一个插件解决方案是一个自定义的UITableViewCell子类，它有一个webview并通知一个委托重新加载表：

https://github.com/Daij-Djan/DDUtils/tree/master/objC/DDUtils-IOS/ui/M42WebviewTableViewCell%20%5Bios%5D

最重要的代码是：

- (UITableViewCell  *)tableView:(UITableView  *)tableView cellForRowAtIndexPath:(NSIndexPath  *)indexPath {
    M42WebviewTableViewCell *cell = _loadedCells[@(indexPath.row)];
    if (!cell) {
        cell = [[M42WebviewTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];

        NSString *object = _objects[indexPath.row];
        cell.tag = indexPath.row;
        cell.delegate = self;
        [cell setHtml:object AndBaseURL:nil];
    }
    return cell;
}

- (CGFloat)tableView:(UITableView  *)tableView heightForRowAtIndexPath:(NSIndexPath  *)indexPath {
    //if a cell isnt ready, it wont be there and the method will return 0
    M42WebviewTableViewCell *cell = _loadedCells[@(indexPath.row)];
    return cell.height;
}

#pragma mark - M42WebviewTableViewCellDelegate

- (void)tableCellDidLoadContent:(M42WebviewTableViewCell *)cell {
    if (!_loadedCells) {
        _loadedCells = [[NSMutableDictionary alloc] init];
    }
    [_loadedCells setObject:cell forKey:@(cell.tag)];

    //only refresh sizes of rows
    [self.tableView beginUpdates];
    [self.tableView endUpdates];
}

Answer 3

我提出了自己的解决方案。但感谢所有评论这个问题的人，并以不同的方式敞开心扉。所以我在这里做了什么。

首先将UIWebViewDelegate添加到我的ViewController类

@interface ViewController () <UITableViewDataSource, UITableViewDelegate, UIWebViewDelegate> {

然后加载HTML页面并添加委托在以下方法

中完成

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {

    static NSString *cellIdentifier = @"TableCellID";

    CustomTableViewCell *cell = (CustomTableViewCell *)[tableView dequeueReusableCellWithIdentifier:cellIdentifier];

    if (cell == nil) {

        NSArray *nibArray = [[NSBundle mainBundle] loadNibNamed:@"CustomTableViewCell" owner:self options:nil];
        cell = [nibArray objectAtIndex:0];
    }

    cell.webView.delegate = self;
    cell.webView.tag = indexPath.row;
    cell.webView.scrollView.scrollEnabled = NO;

    NSString *htmlFileName = [NSString stringWithFormat:@"page%ld", (long)indexPath.row];

    NSString *htmlFile = [[NSBundle mainBundle] pathForResource:htmlFileName ofType:@"html"];
    NSString *htmlString = [NSString stringWithContentsOfFile:htmlFile encoding:NSUTF8StringEncoding error:nil];
    [cell.webView loadHTMLString:htmlString baseURL: [[NSBundle mainBundle] bundleURL]];

    return cell;
}

加载Web视图后，计算适合其内容的大小，加载完所有Web视图后，我会重新加载表格数据，如下所示。

- (void)webViewDidFinishLoad:(UIWebView *)webView {

    if (webView.tag == 0) {
        [cellHeightMutArray removeAllObjects];
    }

    CGSize fittingSize = [webView sizeThatFits:CGSizeZero];

    [cellHeightMutArray insertObject:@(fittingSize.height) atIndex:webView.tag];

    if (((webView.tag + 1) == dataArray.count) && !reloadedTableViewAfterLoadingWebContent) {

        reloadedTableViewAfterLoadingWebContent = YES;
        _tableView.hidden = NO;

        [_tableView reloadData];
    }
}

然后我调整细胞的高度（这是我的主要问题）

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {

    if (cellHeightMutArray.count > 0) {

        return [[cellHeightMutArray objectAtIndex:indexPath.row] intValue];
    }

    return 44;
}

这是我的解决方案，它在iPhone和iPad中运行良好。

但是当我在iPad中使用更复杂的用户界面运行它时，我遇到了不同的问题。如果我对这个问题的解决方案与此问题相关，我会更新此信息。

包含iOS中UIWebView的单元格的动态UITableViewCell高度

3 个答案: