表视图单元格仅在屏幕外时自动布局

Question

我正在使用 AutoLayout，并且由于某种原因，一旦 Table View 加载：

• 屏幕上的第一对表格视图单元格没有布局 正确
• 但是表格视图单元格在屏幕外滚动到时被布局 正确
• 但是当我向上滚动到未放置的原始表格视图单元格时 正确输出， 一旦他们离开屏幕然后又回到屏幕上所有突然 布局正确

任何帮助将不胜感激，谢谢！

cellForRowAtIndexPath：

if ([model isKindOfClass:[FRSS self]]) {
        FRSS *fDan = (FRSS *)model;
        // configure cell
        MRWebListTableViewCell  *api1Cell = [tableView dequeueReusableCellWithIdentifier:@"YourAPI1Cell"];

        // RSS
        NSString *title = [NSString stringWithFormat:@"%@", fDan.title];

        // Get string from XML
        NSString *dateString = [self timeSincePublished:fDan.pubDate];

        // Get description without tags
        NSString *description = [self removeHTMLTags:fDan.description];

        NSString *link = [NSString stringWithFormat:@"%@", fDan.link];

        api1Cell.labelHeadline.text = title;
        api1Cell.labelDescription.text = description;
        api1Cell.labelPublished.text = dateString;

        // Top Image View
        UIImageView *imv = [[UIImageView alloc]initWithFrame:CGRectMake(15, 20, 50, 50)];
        imv.image=[UIImage imageNamed:@"e_r.png"];
        [api1Cell.contentView addSubview:imv];

        return api1Cell;

更新：即使在尝试了很多不同的事情之后，AutoLayout 仍然存在很多问题。

这与heightForRowAtIndexPath 有很大关系。最终需要通过将函数添加到 ViewController 代码中来手动设置它。为任何比正常估计单元格大得多的单元格手动设置它（即，如果其中有任何图像）。

Answer 1

看来，self-sizing UITableView 单元格还是有一些缺陷的。

这是我们正在使用的解决方法。 虽然我不知道确切的底层机制，但这是我们发现的最简单的 hack。

@implemetation YourTableViewCell

- (void)setFrame:(CGRect)frame {
    if(frame.size.width != self.bounds.size.width) {
        [super setFrame:frame];
        self.contentView.bounds = CGRectMake(0, 0, frame.size.width, frame.size.height);
        [self.contentView layoutIfNeeded];
    }
    else {
        [super setFrame:frame];
    }
}

// .. any other methods

@end

如果您无法编辑 UITableViewCell 子类，请在您的 UITableViewDataSource 中尝试此操作：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"CellIdentifier" forIndexPath:indexPath];

    // setup cell ...

    CGSize sysSize = [cell.contentView systemLayoutSizeFittingSize:CGSizeMake(tableView.bounds.size.width, CGFLOAT_MAX)];
    cell.contentView.bounds = CGRectMake(0,0, sysSize.width, sysSize.height);
    [cell.contentView layoutIfNeeded];
    return cell;
}

---

顺便说一句，在您的代码中，这是一个问题。

    // Top Image View
    UIImageView *imv = [[UIImageView alloc]initWithFrame:CGRectMake(15, 20, 50, 50)];
    imv.image=[UIImage imageNamed:@"e_r.png"];
    [api1Cell.contentView addSubview:imv];

您不应在tableView:cellForRowAtIndexPath: 中创建/添加子视图View。您的 NIB 中已经有 UIImageView 了，对吧？像这样使用它：

api1Cell.topImageView.image = [UIImage imageNamed:@"e_r.png"];

如果您的图像是动态的，最简单的解决方案是使用像 SDWebImage 这样的库

#import <SDWebImage/UIImageView+WebCache.h>

...

    if ([model isKindOfClass:[FRSS self]]) {
        FRSS *fDan = (FRSS *)model;
        // configure cell
        MRWebListTableViewCell  *api1Cell = [tableView dequeueReusableCellWithIdentifier:@"YourAPI1Cell"];

        ...

        // Top Image View
        // for example: fDan.imageURL is a image URL string
        [api1Cell.topImageView sd_setImageWithURL:[NSURLURLWithString: fDan.imageURL]
                                 placeholderImage:[UIImage imageNamed: @"e_r.png"]];

Answer 2

iOS 8 的自动单元格高度似乎不太好用。我在 iOS 6 / 7 中遇到了类似的问题，在我更新到 iOS 8 后它仍然有效。所以也许你应该暂时去老学校。

这里有一些我的代码示例：AutoLayout multiline UILabel cutting off some text

在这里：AutoLayout uitableviewcell in landscape and on iPad calculating height based on portrait iPhone

长话短说，iOS 8 之前的方式涉及保留一个单元格的副本，仅用于计算 tableView:heightForRowAtIndexPath: 内的高度。但这对于处理多行 UILabel 是不够的。每次调用 layoutSubviews 时，我都必须继承 UILabel 以更新 preferredMaxLayoutWidth。

preferredMaxLayoutWidth “修复”似乎是我错过的神奇秘密。一旦我这样做了，我的大部分细胞都可以正常工作。

第二个问题我只需要我正确设置内容压缩阻力和内容拥抱属性，因此例如告诉标签拥抱文本将意味着它不会扩展以填充空白，这将导致单元格收缩。

完成这两件事后，我的单元格现在可以处理任何字体大小或任何数量的文本，而无需任何凌乱的布局代码。这需要学习很多东西，但我确实认为它最终得到了回报，因为我的应用中有很多动态内容。

编辑

在遇到我自己在 iOS 8 上的一些问题后，我添加了更多细节来解决这些非常奇怪的 autoLayout 错误。

使用我提到的代码，当单元格“行高”未设置为自定义时，它似乎不起作用。通过选择单元格并单击自动布局选项卡（所有内容压缩阻力设置等都在其中），可以在 IB 中找到此设置。按下复选框，它将填充一个临时高度。

其次，在我的代码中，我保留了一个单元格的本地副本，然后在 heightForRowAtIndexPath: 方法中多次重复使用它。每次调用时，这似乎都会使单元格高度增加很多。我不得不通过调用重新初始化本地副本：

localCopy = [self.tableView dequeueReusableCellWithIdentifier:@"mycell"];

似乎新的 Xcode 6 / iOS 8 更改非常不向后兼容 iOS 7，而且管理方式似乎完全不同。

希望这会有所帮助。

编辑 2

看完这个问题：iOS AutoLayout multi-line UILabel

我遇到了 iOS 7 / iOS 8 自动布局支持的另一个问题！！！我正在为 iOS 8 覆盖 layoutSubviews 我还需要覆盖 setBounds 以在调用 super 后更新 preferredMaxLayoutWidth。 WTF 变苹果了！

似乎是IB中preferredMaxLayoutWidth的设置有问题，因为iOS 7不能使用自动功能，如果你在多个设备上使用相同的UILabel，它只会使用1宽度。因此，iOS 8 平板电脑上的UITableViewCell 会更大，因为在 iOS 8 iPhone 上，同一个单元格需要有 2 行。

Answer 3

我相信，如果您将子视图添加到 UITableViewCell 并使用 AutoLayout，由于自动调整大小，您会得到不想要的结果。尝试在 UITableViewCell 的子视图上调用 setTranslatesAutoresizingMaskINtoConstraints: NO。