要实现表视图中的行不扩展宽度而是堆叠在一起,可以使用自定义单元格(UITableViewCell)来实现。
首先,创建一个自定义的UITableViewCell子类,例如名为StackedTableViewCell的类。在该类中,我们可以使用自动布局来定义每个单元格中的视图,并确保它们堆叠在一起。
以下是一个示例代码:
import UIKit
class StackedTableViewCell: UITableViewCell {
// 示例视图
let titleLabel: UILabel = {
let label = UILabel()
label.translatesAutoresizingMaskIntoConstraints = false
return label
}()
let subtitleLabel: UILabel = {
let label = UILabel()
label.translatesAutoresizingMaskIntoConstraints = false
return label
}()
// 初始化方法
override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
super.init(style: style, reuseIdentifier: reuseIdentifier)
// 添加视图到单元格中
addSubview(titleLabel)
addSubview(subtitleLabel)
// 使用自动布局设置视图的约束
NSLayoutConstraint.activate([
titleLabel.topAnchor.constraint(equalTo: topAnchor, constant: 8),
titleLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 8),
titleLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -8),
subtitleLabel.topAnchor.constraint(equalTo: titleLabel.bottomAnchor, constant: 8),
subtitleLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 8),
subtitleLabel.trailingAnchor.constraint(equalTo: trailingAnchor, constant: -8),
subtitleLabel.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -8)
])
}
required init?(coder aDecoder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
在上述示例中,我们创建了一个自定义的UITableViewCell子类StackedTableViewCell,并在其中添加了titleLabel和subtitleLabel两个示例视图。在初始化方法中,我们将这两个视图添加到单元格中,并通过自动布局设置它们的约束。
接下来,在表视图的数据源方法中使用自定义的单元格:
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "StackedTableViewCell", for: indexPath) as! StackedTableViewCell
// 设置单元格的内容
cell.titleLabel.text = "Title"
cell.subtitleLabel.text = "Subtitle"
return cell
}
在上述示例中,我们使用dequeueReusableCell(withIdentifier:for:)方法从表视图的重用队列中取出自定义的单元格。然后,我们设置单元格的titleLabel和subtitleLabel的文本内容,并返回该单元格。
这样,每个单元格的行不会扩展其宽度,而是堆叠在一起。
下一篇:表视图中的行为空。