UITableViewCell 自适应高度


  1. - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {  
  2.     // 列寬  
  3.     CGFloat contentWidth = self.tableView.frame.size.width;  
  4.     // 用何種字體進行顯示  
  5.     UIFont *font = [UIFont systemFontOfSize:13];  
  6.       
  7.     // 該行要顯示的內容  
  8.     NSString *content = [data objectAtIndex:indexPath.row];  
  9.     // 計算出顯示完內容需要的最小尺寸  
  10.     CGSize size = [content sizeWithFont:font constrainedToSize:CGSizeMake(contentWidth, 1000) lineBreakMode:UILineBreakModeWordWrap];  
  11.       
  12.     // 這裏返回需要的高度  
  13.     return size.height;   
  14. }  
  15.   
  16. // Customize the appearance of table view cells.  
  17. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {  
  18.       
  19.     static NSString *CellIdentifier = @"Cell";  
  20.     // 列寬  
  21.     CGFloat contentWidth = self.tableView.frame.size.width;  
  22.     // 用何種字體進行顯示  
  23.     UIFont *font = [UIFont systemFontOfSize:13];  
  24.       
  25.     // 該行要顯示的內容  
  26.     NSString *content = [data objectAtIndex:indexPath.row];  
  27.     // 計算出顯示完內容需要的最小尺寸  
  28.     CGSize size = [content sizeWithFont:font constrainedToSize:CGSizeMake(contentWidth, 1000) lineBreakMode:UILineBreakModeWordWrap];  
  29.       
  30.     // 構建顯示行  
  31.     UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];  
  32.     if (cell == nil) {  
  33.         cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];  
  34.     }  
  35.       
  36.     CGRect rect = [cell.textLabel textRectForBounds:cell.textLabel.frame limitedToNumberOfLines:0];  
  37.     // 設置顯示榘形大小  
  38.     rect.size = size;  
  39.     // 重置列文本區域  
  40.     cell.textLabel.frame = rect;  
  41.       
  42.     cell.textLabel.text = content;  
  43.       
  44.     // 設置自動換行(重要)  
  45.     cell.textLabel.numberOfLines = 0;  
  46.     // 設置顯示字體(一定要和之前計算時使用字體一至)  
  47.     cell.textLabel.font = font;  
  48.   
  49.     return cell;  

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于UITableViewCell中包含WebView的自适应高度问题,一般的解决方案是在webViewDidFinishLoad方法中计算WebView的高度,并更新UITableViewCell高度。但是这种方法有时会出现计算不准确的情况,以及性能问题。 最新的解决方案是使用iOS 11中引入的UITableViewAutomaticDimension,结合约束自动布局来实现UITableViewCell自适应高度。具体步骤如下: 1. 在Storyboard或XIB中,设置UITableViewCell的约束,包括WebView的顶部、底部、左右两侧的约束,并将WebView的高度设置为大于等于0的值(可以是一个较小的值,比如10)。 2. 在tableView(_:cellForRowAt:)方法中,设置WebView的代理为当前的UITableViewCell,并在webView(_:didFinish:)方法中更新UITableViewCell高度: ```swift func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { // 计算WebView的内容高度 webView.evaluateJavaScript("document.readyState") { (result, error) in if result != nil { webView.evaluateJavaScript("document.body.offsetHeight", completionHandler: { (height, error) in if let height = height as? CGFloat { // 更新UITableViewCell高度 self.heightConstraint.constant = height self.setNeedsUpdateConstraints() self.updateConstraintsIfNeeded() self.layoutIfNeeded() self.delegate?.didUpdateHeight() } }) } } } ``` 3. 在tableView(_:estimatedHeightForRowAt:)方法中,返回一个估算的高度(可以是一个较小的值,比如100): ```swift func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat { return 100 } ``` 4. 在tableView(_:heightForRowAt:)方法中,返回UITableViewAutomaticDimension: ```swift func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { return UITableViewAutomaticDimension } ``` 注意:在使用约束自动布局的情况下,需要保证UITableViewCell高度约束是完整的,即顶部和底部都有约束,否则自适应高度可能会出现问题。同时,在更新UITableViewCell高度时,需要调用setNeedsUpdateConstraints、updateConstraintsIfNeeded和layoutIfNeeded方法,以保证约束的更新及时生效。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值