UICollectionViewCell 中的 UILabel 布局怪异

Posted 2023-03-14

【中文标题】UICollectionViewCell 中的 UILabel 布局怪异

【英文标题】：UILabel layout weirdness in UICollectionViewCell

【发布时间】：2014-02-12 21:29:29

【问题描述】：

我很奇怪在 UICollectionViewCell 子类中布置两个标签。原型单元是在 InterfaceBuilder 中构建的，并且没有分配布局约束。当控制器为单元格分配标题和日期时，我会触发布局传递，其中我会根据报告的高度覆盖标签的位置。

奇怪的是，当单元格最初显示时，标签位置是不正确的。但是当单元格被滚动到屏幕外然后重新显示在屏幕上滚动时，布局是正确的！

Here's a link to a screen recording

我在标题标签上设置了半透明的红色，在日期标签上设置了半透明的蓝色。标题标签应对齐以适合文本（最多两行），日期标签应具有相同的宽度，并位于正下方。在视频中您可以看到，在滚动到屏幕外之前，标题标签的高度不正确，并且日期标签与其重叠。

- (void)setTitle:(NSString *)title

    _title = [title copy];
    self.titleLabel.text = _title;
    self.titleLabel.lineBreakMode = NSLineBreakByTruncatingTail;
    self.titleLabel.numberOfLines = 2;
    [self.titleLabel sizeToFit];
    [self setNeedsLayout];


- (void)setDate:(NSDate *)date

    _date = [date copy];
    self.dateLabel.text = [self.class.sharedShortDateFormatter stringFromDate:_date];
    self.dateLabel.lineBreakMode = NSLineBreakByWordWrapping;
    self.dateLabel.numberOfLines = 1;
    [self.dateLabel sizeToFit];
    [self setNeedsLayout];


- (void)layoutSubviews

    [super layoutSubviews];

    #warning MMBFiguresCollectionViewCell doesn't lay out its labels on first display - only works on second
    self.titleLabel.backgroundColor = [[UIColor redColor] colorWithAlphaComponent:0.0875];
    self.dateLabel.backgroundColor = [[UIColor blueColor] colorWithAlphaComponent:0.0875];

    const CGRect LabelFrame = self.titleLabel.frame;
    const CGRect StarFrame = self.favoriteButton.frame;

    self.titleLabel.frame = CGRectMake(CGRectGetMinX(LabelFrame), CGRectGetMinY(LabelFrame), CGRectGetMinX(StarFrame) - CGRectGetMinX(LabelFrame), CGRectGetHeight(LabelFrame));
    self.dateLabel.frame = CGRectMake(CGRectGetMinX(self.titleLabel.frame), CGRectGetMaxY(self.titleLabel.frame), CGRectGetWidth(self.titleLabel.frame), CGRectGetHeight(self.dateLabel.frame));

    NSLog(@"self.titleLabel.frame: %@ dateLabel.frame: %@", NSStringFromCGRect(self.titleLabel.frame), NSStringFromCGRect(self.dateLabel.frame));

当我查看 NSLog 语句中报告的帧时，我看到帧值看起来是正确的。当在屏幕外滚动并重新打开时，帧值是相同的 - 所以我知道帧被正确计算。

那么，我必须假设 CALayer 位图缓存（或类似的东西）正在缓存视图的预布局渲染？

注意：出于效率原因，我选择在 -layoutSubviews 中放置标签并使用 setNeedsLayout。我还尝试（刚刚）将标签定位分解为一个单独的方法，并在标题和日期标签更改时直接调用它 - 但效果相同。

【参考方案1】：

所以，我放弃了使用“聪明”的手动布局，只使用了 IB 精心挑选的布局约束——瞧，它奏效了。

老实说，我不认为我能够在这种情况下成功使用自动布局，但它确实奏效了。谁知道？

【讨论】：

我遇到了完全相同的问题，但我仍然傻眼为什么添加自动布局约束可以解决这个问题。我当然希望有人过来解释这种行为的根本原因。