UITableViewCell`sizeToFit`中的UILabel在AutoLayout的单元格内不起作用

Question

我已经尝试解决这个问题将近一天了。所以点应该与它旁边的 UILabel 对齐。问题是，当填充正确的内容时，第二个标签有时会变成 2 行。点必须与 UILabel 的第一行对齐，无论它有 1 行还是 2 行。

当单元格更新时，我尝试在运行时调用sizeToFit()。好像没什么效果。我读了Vertically align text to top within a UILabel 线程。

我模拟如果sizeToFit()（Editor -> Size to fit content）调用成功，行高不会缩小。

每一行由 UIView 组成，在这个视图里面有点和 UILabel。点也是 UIView。单行 UILabel 的行的高度常数为 20。可能有 2 行 UILabel 的行我设置为

点必须与 UILabel 的第一行对齐，无论它有 1 行还是 2 行。这在较小的屏幕上效果很好。

有人可以帮忙吗？

Answer 1

1. UIViewController 层次结构

2。约束

1. View Main Content BG

   • top、bottom、leading、trailing = 0 wrt superview。

2. lbl1

   • top = 10 , trailing = 10 wrt superview

3. dot1

   • leading = 10 top = lbl1.top ，水平空间 wrt 到 lbl1 = 10，height = 10 width = 10

4. lbl2

   • 垂直间距 wrt lbl1 = 10 ,leading & trailling = lbl1.leading & lbl1.leading

5. dot2

   • 领先 = dot1.leading ，顶部 = lbl2.top ，高度 = 10 宽度 = 10

6. lbl3

   • 垂直空间 wrt lbl2 = 10 ，前导和尾随 = lbl2.leading & lbl2.leading 和底部 = 10 wrt superview

7. dot1

   • 领先 = dot2.leading ，顶部 = lbl3.top ，高度 = 10 宽度 = 10

不要忘记每个标签的行数 = 0。并绑定 tableview 委托和数据源 wrt VC。

3.现在您的故事板设计如下所示

4.现在在 VC 中

虚拟数组

var arrList : [[String : String]] = [["lbl1": "Do any additional setup after loading the view, typically from a nib.",
                                          "lbl2": "Do any additional.",
                                          "lbl3": "that can be recreated"],
                                         ["lbl1": "Do any additional .",
                                          "lbl2": "Do any additional setup after loading the view, typically from a nib.",
                                          "lbl3": "that can be recreated"],
                                         ["lbl1": "Do any additional . Do any additional setup after loading the view, typically from a nib.",
                                          "lbl2": "Do any additional setup after loading the view, typically from a nib.",
                                          "lbl3": "that can be recreated Do any additional setup after loading the view, typically from a nib. Do any additional setup after loading the view, typically from a nib."]]

TableView 委托和数据源

func tableView(_ tableView: UITableView, estimatedHeightForRowAt indexPath: IndexPath) -> CGFloat {
    return 110
}

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    return UITableViewAutomaticDimension
}

public func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int{
    return arrList.count
}


public func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell{
    let cell = tableView.dequeueReusableCell(withIdentifier: "TblCell") as! TblCell

    let dict = arrList[indexPath.row]

    cell.lbl1.text = dict["lbl1"]
    cell.lbl2.text = dict["lbl2"]
    cell.lbl3.text = dict["lbl3"]

    return cell
}

5.最终输出

编辑

如果你用他们的 respec 标签设置了 constant = 5 wr 的点顶部，那么输出如下。

Answer 2

1. 将行数 0 设置为 UILable 并移除其高度约束。所以它会相应地增长它的内容。

2. 为 UILable 提供适当的前导、顶部、尾随、底部约束。将 UITableViewRow 高度属性设置为 UITableViewAutomaticDimesion tableview.rowHeight = UITableViewAutomaticDimesion tableView.estimatedRowHeight = 44

3. 将恒定的宽度和高度约束设置为点视图，并将其前导约束设置为单元格视图，将水平间距设置为标签。并将其与 UILabel 的顶部对齐。

使用上述方式，无需设置 sizeToFit 等属性。 它会解决你的问题。

您在将高度约束设置为 UILable 时遇到了问题。如果您从当前代码中删除它，它将解决您的问题。

Answer 3

目前，如果您没有找到任何解决方案，您可以尝试复制该字符 ■ 并将其粘贴到标签字符串的开头。该临时解决方案适用于您。

您可以使用属性选项更改颜色和喜好。