在UITableView中使用动态标签宽度管理自动标题高度

Question

我想创建一个具有动态高度的UITableView标题。我在视图中有四个标签，标题的高度必须根据每个UILabel中的内容进行调整。我想实现类似于这个图像的东西。 Sample image.

这里标签的宽度根据屏幕尺寸是动态的。 “类型”标签将覆盖大约2/3的屏幕，其余的将在三个标签之间平均分配。这里根据屏幕尺寸标签可以是多行，我想根据标签的内容来管理主视图的高度。

当我给标签固定宽度约束时，我能够成功地管理高度，但我想保持标签的宽度是动态的。这是一个UITableView头。任何帮助将非常感激。

Answer 1

像这样为header和design设计一个customCell就像tableViewCell一样。

设计是怎么做的：

SMS电子邮件和推送通知被封装成stackView并已自动布局类型的标签。

这是层次结构。

准确自行

这是类型（2/3）的布局设计.Calculate。

这是stackView。

两者都与上海华自动版式（即小区）

StackView：

和TYPE标签。

插入该小区作为您的tableView的headerView。

如何？

在viewDidLoad中：

tableView.register(UINib.init(nibName: String(describing: TableHeader.self), bundle: nil), forCellReuseIdentifier: "headerCell") 

在respectivew视图控制器添加这两功能。

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { 
    let cell = tableView.dequeueReusableCell(withIdentifier: "headerCell") as! TableHeader 
    return cell 
} 

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat { 
    return 58 
} 

这里是输出：

对于iOS 8：

StackView不存在，所以我们需要使用的UIView instead.As解释自动布局是棘手所以我只是分享了我的项目，这更容易理解。您可以结账从here

未使用StackView的输出如下：

2已观看次数。为了更好的理解，已经给出了颜色。