UITableView 自适应单元格高度：提升加载效率的秘诀

IOS

2023-10-01 02:00:30

动态计算单元格高度，提升 UITableView 加载效率

在 UITableView 中呈现文本内容时，单元格高度的计算尤为重要。

传统的固定高度设置不仅浪费空间，也无法适应文本长度的变化。

本文将深入探讨动态计算单元格高度的最佳实践，帮助您提升 UITableView 的加载效率。

动态计算单元格高度

动态计算单元格高度的基本原理是创建 UILabel 实例来表示文本框，并使用 sizeToFit() 方法自动调整高度。

以下步骤详细介绍了这一过程：

创建 UILabel 实例：
- 创建一个 UILabel 实例来表示文本框。
设置文本和约束：
- 为 UILabel 设置文本和约束，使其与单元格的边距保持一致。
计算 UILabel 的高度：
- 使用 UILabel 的 sizeToFit() 方法来计算其高度，该方法会自动调整高度以容纳文本。
设置单元格高度：
- 将 UILabel 的高度加 40（20px 的上边距和下边距）作为单元格的高度。

Swift 代码示例：

override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    let label = UILabel()
    label.text = cellData[indexPath.row].text
    label.numberOfLines = 0 // 多行文本
    label.sizeToFit()

    return label.frame.height + 40 // 上、下边距各20px
}

Objective-C 代码示例：

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    UILabel *label = [[UILabel alloc] init];
    label.text = self.cellData[indexPath.row].text;
    label.numberOfLines = 0; // 多行文本
    [label sizeToFit];

    return label.frame.size.height + 40; // 上、下边距各20px
}