UITableViewCell 子类，错误的高度直到滚动

Posted 2023-03-06

【中文标题】UITableViewCell 子类，错误的高度直到滚动

【英文标题】：UITableViewCell subclass, wrong height until scroll

【发布时间】：2015-01-16 18:18:45

【问题描述】：

我有一个自定义的 uitableviewcell，我在其中使用了 UIImageView。我希望单元格能够根据图像视图的宽度，根据特定的纵横比调整其高度，但我不断遇到这些约束问题：

"<NSLayoutConstraint:0x7ffe13c14130 'UIView-Encapsulated-Layout-Height' V:[UITableViewCellContentView:0x7ffe117fb920(44)]>",
"<NSLayoutConstraint:0x7ffe13c15090 V:|-(0)-[UIView:0x7ffe13c11c10]   (Names: '|':UITableViewCellContentView:0x7ffe117fb920 )>",
"<NSLayoutConstraint:0x7ffe13c150e0 V:[UIView:0x7ffe13c11c10]-(0)-[UIButton:0x7ffe117e8110]>",
"<NSLayoutConstraint:0x7ffe13c15190 V:[UIButton:0x7ffe117e8110(30)]>",
"<NSLayoutConstraint:0x7ffe13c151e0 V:[UIButton:0x7ffe117e8110]-(0)-[UIView:0x7ffe13c11d00]>",
"<NSLayoutConstraint:0x7ffe13c15910 UIView:0x7ffe13c11d00.height == UIView:0x7ffe13c11c10.height>",
"<NSLayoutConstraint:0x7ffe13c15960 V:[UIView:0x7ffe13c11d00]-(0)-[UIButton:0x7ffe13c0b000]>",
"<NSLayoutConstraint:0x7ffe13c159b0 UIButton:0x7ffe13c0b000.height == UIButton:0x7ffe117e8110.height>",
"<NSLayoutConstraint:0x7ffe13c15a50 V:[UIButton:0x7ffe13c0b000]-(0)-[UIView:0x7ffe13c11df0]>",
"<NSLayoutConstraint:0x7ffe13c15aa0 UIView:0x7ffe13c11df0.height == UIView:0x7ffe13c11c10.height>",
"<NSLayoutConstraint:0x7ffe13c15af0 V:[UIView:0x7ffe13c11df0]-(0)-|   (Names: '|':UITableViewCellContentView:0x7ffe117fb920 )>"

我的约束是

    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[s1(>=10)][pictureView][s2(==s1)]|" options:0 metrics:nil views:dict]];
    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"V:|[s3][markAsFavorite(==30)][s4(==s3)][markForDeletion(==markAsFavorite)][s5(==s3)]|" options:0 metrics:nil views:dict]];
    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[s1][s3]|" options:0 metrics:nil views:dict]];
    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|-10-[pictureView][s3]|" options:0 metrics:nil views:dict]];
    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:|[s2][s3]|" options:0 metrics:nil views:dict]];
    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[pictureView]-10-[markAsFavorite(==30)]-10-|" options:0 metrics:nil views:dict]];
    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[pictureView]-10-[markForDeletion(==30)]-10-|" options:0 metrics:nil views:dict]];
    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[pictureView][s5]-10-|" options:0 metrics:nil views:dict]];
    [self.contentView addConstraints:[NSLayoutConstraint constraintsWithVisualFormat:@"H:[pictureView][s4]-10-|" options:0 metrics:nil views:dict]];


    photoHeight = [NSLayoutConstraint constraintWithItem:pictureView
                                               attribute:NSLayoutAttributeHeight
                                               relatedBy:0
                                                  toItem:nil
                                               attribute:NSLayoutAttributeNotAnAttribute
                                              multiplier:1
                                                constant:(5*pictureView.frame.size.width)/16];


    [self.contentView addConstraint:photoHeight];

这些约束只添加一次，在 cell 子类的 updateConstraints 方法中。在“drawRect”方法中，我更新了“photoHeight”常量并强制更新布局。

结果： 在第一次加载时，单元格看起来很糟糕，但在我滚动它们之后，它们会更新它们的高度并看起来像预期的那样。我认为问题在于首次加载单元格时未更新“photoHeight”常量，但考虑到它取决于图像视图的宽度，我不知道如何修复它。 你能帮忙解决这个问题吗？

我附上了一些截图： 滚动前

滚动后

正如您在第一个屏幕截图中看到的那样，图像超出了单元格内容视图，因为单元格对于该图像来说太小了......但是，在滚动后，单元格的大小被正确调整。我希望它们从一开始就调整大小，而不仅仅是在滚动之后。

【问题讨论】：

你在什么方法中添加了约束？

-UITableViewCell 子类的updateConstraints 方法。 （我只在第一次调用此方法时添加它们）

我也有同样的问题。自从早期的 Xcode 6 beta 以来，我一直在以各种形式与这个相同的概念作斗争。你解决了吗？

【参考方案1】：

你需要使用：

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
    
    //calc height
    return height;

【讨论】：

我在 ios 8 中使用自定尺寸单元格：table.estimatedRowHeight = 120; table.rowHeight = UITableViewAutomaticDimension;

根据文档，单元格应自动评估约束并设置必要的高度

我附上了一些截图

【参考方案2】：

我知道是什么导致了我的版本。

我在单元格的生命周期中分配值太晚了。当我将单元格出列时，我正在为单元格的模型设置一个属性，然后将 UIViews（在我的例子中为 UILabels）的分配推迟到layoutSubviews()。这最终导致了一个问题，即在我实际设置 UILabel 的文本之前，所有尺寸都已计算完毕。

我建议您在单元格出列时进行所有显示设置：

override func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath)

    var cell = tableView.dequeueReusableCellWithIdentifier("MyCustomCell", forIndexPath: indexPath) as MyCustomCell
    cell.setUpAllTheThings(myTableDataz[indexPath.row])
    return cell