iOS cell 根据内容自动撑开

原创

mob649e81597922 2024-03-12 03:34:57 ©著作权

文章标签 iOS swift 自动布局 文章分类 iOS 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e81597922的原创作品，请联系作者获取转载授权，否则将追究法律责任

如何实现 iOS cell 根据内容自动撑开

介绍

作为一名经验丰富的开发者，我将向你介绍如何实现 iOS 中的 cell 根据内容自动撑开的功能。这对于展示不定高度的内容非常有用，可以让界面更加美观和易读。

整体流程

下面是整个实现过程的流程表格：

stateDiagram
    [*] --> 开始
    开始 --> 设置 tableview
    设置 tableview --> 设置 cell 行高
    设置 cell 行高 --> 设置 cell 自动适应高度
    设置 cell 自动适应高度 --> 结束
    结束 --> [*]

具体步骤

1. 设置 tableview

首先，在需要实现自动撑开的页面中，创建一个 UITableView，并设置其代理和数据源。

// 在 viewDidLoad 方法中设置 tableview 代理和数据源
tableView.delegate = self
tableView.dataSource = self

2. 设置 cell 行高

在 UITableViewDelegate 中实现 heightForRowAt 方法，返回对应行的高度。这里我们可以根据 cell 中的内容动态计算高度。

// 设置 cell 行高
func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableView.automaticDimension
}

3. 设置 cell 自动适应高度

在 UITableViewCell 中，需要设置 label 的行数为 0，并且设置自动布局约束，让 label 根据内容撑开 cell 的高度。

// 在 UITableViewCell 中设置 label 行数为 0
label.numberOfLines = 0

// 设置 label 自动布局约束
label.translatesAutoresizingMaskIntoConstraints = false
label.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 8).isActive = true
label.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 8).isActive = true
label.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -8).isActive = true
label.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -8).isActive = true