具有自动布局的 UITableView 中的动态单元格高度

Posted 2023-03-12

【中文标题】具有自动布局的 UITableView 中的动态单元格高度

【英文标题】：dynamic cell height in UITableView with AutoLayout

【发布时间】：2015-06-01 19:23:56

【问题描述】：

我几天来一直试图让本教程dynamic-cell-height 在 ios8 中工作，但无法弄清楚发生了什么。它适用于 iphone 上的 ios7，它适用于 iPAD 上的 ios7 和 ios8，但它不适用于 ios8 上的任何 iphone。

我认为问题在于如何以及何时在单元格中创建标签。

我在控制器中有以下代码：

- (void)viewDidLoad 
    [super viewDidLoad];
    // Do any additional setup after loading the view.

    self.dbManager = [[DBManager alloc] initWithDatabaseFilename:@"tomhaisdb.sql"];

    [self loadData];



-(void)viewWillAppear:(BOOL)animated
    [super viewWillAppear:animated];
    [self deselectAllRows];


-(void)deselectAllRows
    for (NSIndexPath * indexPath in [self.tableView indexPathsForSelectedRows]) 
        [self.tableView deselectRowAtIndexPath:indexPath animated:NO];
    


- (void)didReceiveMemoryWarning 
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.


-(void)loadData 
    NSString *query = @"select * from favourites";

    if (self.favourites != nil) 
        self.favourites = nil;
    

    self.favourites = [[NSArray alloc] initWithArray:[self.dbManager loadDataFromDB:query]];

   /* [self reloadDataWithCompletions:^
         self.tableView.backgroundColor = [UIColor colorWithRed:28.0f/255.0f green:30.0f/255.0f blue:35.0f/255.0f alpha:1];
    ];*/
    [self reloadTableViewContent];


- (void)reloadTableViewContent 
    dispatch_async(dispatch_get_main_queue(), ^
        [self.tableView reloadData];
        [self.tableView scrollRectToVisible:CGRectMake(0, 0, 1, 1) animated:NO];
    );


/*-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
    return 1;
*/

#pragma mark - UITableViewDataSource

-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    NSLog(@"Number of rows: %d", self.favourites.count);
    return self.favourites.count;



-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    return [self basicCellAtIndexPath:indexPath];


-(favouritedCell *)basicCellAtIndexPath:(NSIndexPath *)indexPath 
    favouritedCell *cell = [self.tableView dequeueReusableCellWithIdentifier:@"favouriteCell" forIndexPath:indexPath];
    [self configureBasicCell:cell atIndexPath:indexPath];
    return cell;


-(void)configureBasicCell:(favouritedCell *)cell atIndexPath:(NSIndexPath *)indexPath
    NSInteger indexOfTomhaisText = [self.dbManager.arrColumnNames indexOfObject:@"tomhaisText"];
    NSString *tomhaisText = [[self.favourites objectAtIndex:indexPath.row] objectAtIndex:indexOfTomhaisText];
    [self setTomhaisForCell:cell item:tomhaisText];
    [self setAnswerForCell:cell item:tomhaisText]; // change this later


-(void)setTomhaisForCell:(favouritedCell *)cell item:(NSString *)item
    [cell.favouriteText setText:item];


-(void)setAnswerForCell:(favouritedCell *)cell item:(NSString *)item
    [cell.answer setText:item];


#pragma mark - UITableViewDelegate

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
   /* if ([[[UIDevice currentDevice]systemVersion]floatValue] >= 8.0) 
        return UITableViewAutomaticDimension;
    
    else*/
        return [self heightForFavouriteCellAtIndexPath:indexPath];
    /**/



-(CGFloat)heightForFavouriteCellAtIndexPath:(NSIndexPath *)indexPath
    static favouritedCell *sizingCell = nil;
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^
        sizingCell = [self.tableView dequeueReusableCellWithIdentifier:@"favouriteCell"];
    );

    [self configureBasicCell:sizingCell atIndexPath:indexPath];
    return [self calculateHeightForConfiguredSizingCell:sizingCell];


-(CGFloat)calculateHeightForConfiguredSizingCell:(UITableViewCell *)sizingCell
    sizingCell.bounds = CGRectMake(0.0f, 0.0f, CGRectGetWidth(self.tableView.frame), CGRectGetHeight(sizingCell.bounds));
    NSLog(@"Bounds before Layout %@", NSStringFromCGRect(sizingCell.bounds));
     NSLog(@"Content View before Layout %@", NSStringFromCGRect(sizingCell.contentView.bounds));
    [sizingCell setNeedsLayout];
    [sizingCell layoutIfNeeded];

    CGSize size = [sizingCell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize];
    NSLog(@"Bounds after layout %@", NSStringFromCGRect(sizingCell.bounds));
    NSLog(@"Content View before Layout %@", NSStringFromCGRect(sizingCell.contentView.bounds));
    return size.height + 1.0f;


-(CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath
    return 155.0f;

并且在单元格使用的自定义标签中，我有以下内容：

    @implementation favouriteLabel

- (void)setBounds:(CGRect)bounds 
    [super setBounds:bounds];

    // If this is a multiline label, need to make sure
    // preferredMaxLayoutWidth always matches the frame width
    // (i.e. orientation change can mess this up)

    if (self.numberOfLines == 0 && bounds.size.width != self.preferredMaxLayoutWidth) 
        self.preferredMaxLayoutWidth = self.bounds.size.width;
        NSLog(@"Label Bounds before update constraints %@", NSStringFromCGRect(self.bounds));
        [self setNeedsUpdateConstraints];
        NSLog(@"Label Bounds after update constraints %@", NSStringFromCGRect(self.bounds));
    


@end

我认为我的问题在于创建标签的时间是因为在 ios 7 中我得到如下输出：

2015-06-01 20:07:10.563 Facts[63322:607] Label Bounds before update constraints 0, 0, 216, 2
2015-06-01 20:07:10.563 Facts[63322:607] Label Bounds after update constraints 0, 0, 216, 2
2015-06-01 20:07:10.563 Facts[63322:607] Label Bounds before update constraints 0, 0, 217, 40
2015-06-01 20:07:10.563 Facts[63322:607] Label Bounds after update constraints 0, 0, 217, 40
>2015-06-01 20:07:10.564 Facts[63322:607] Bounds after layout 0, 0, 256, 82
2015-06-01 20:07:10.564 Facts[63322:607] Content View before Layout 0, 0, 256, 82
2015-06-01 20:07:10.564 Facts[63322:607] Bounds before Layout 0, 0, 256, 82
2015-06-01 20:07:10.564 Facts[63322:607] Content View before Layout 0, 0, 256, 82
2015-06-01 20:07:10.565 Facts[63322:607] Bounds after layout 0, 0, 256, 82
2015-06-01 20:07:10.565 Facts[63322:607] Content View before Layout 0, 0, 256, 82
2015-06-01 20:07:10.569 Facts[63322:607] Label Bounds before update constraints 0, 0, 216, 74.5
2015-06-01 20:07:10.569 Facts[63322:607] Label Bounds after update constraints 0, 0, 216, 74.5
2015-06-01 20:07:10.569 Facts[63322:607] Label Bounds before update constraints 0, 0, 217, 40
2015-06-01 20:07:10.570 Facts[63322:607] Label Bounds after update constraints 0, 0, 217, 40

但是在 ios8 中输出是不同的。

2015-06-01 20:18:06.049 Facts[63396:81689795] Bounds before Layout 0, 0, 256, 44
2015-06-01 20:18:06.049 Facts[63396:81689795] Content View before Layout 0, 0, 320, 44
2015-06-01 20:18:06.131 Facts[63396:81689795] Label Bounds before update constraints 0, 0, 216, 0
2015-06-01 20:18:06.131 Facts[63396:81689795] Label Bounds after update constraints 0, 0, 216, 0
2015-06-01 20:18:06.131 Facts[63396:81689795] Label Bounds before update constraints 0, 0, 217, 4.5
2015-06-01 20:18:06.131 Facts[63396:81689795] Label Bounds after update constraints 0, 0, 217, 4.5

在 ios7 中，标签似乎是先创建的，然后是单元格边界，然后再次调整标签的大小。但在 ios8 中，我们首先看到内容视图输出，然后才看到标签的输出。

很抱歉，我无法更好地解释它。对我来说 ios 是如何制作表格的有点神秘，所以我真的很困惑为什么它在 ios7 中而不是在 ios8 中有效

非常感谢任何帮助。我已经在这里写过这个问题：Dynamic Cell Height autolayout IOS 但我想我在这个问题上抛出了关于自动布局的红鲱鱼。

【问题讨论】：

我没有忘记这一点，但今天晚些时候会有空闲时间提供帮助。只需要先完成一些其他的事情。你能在 GitHub 上分享这个项目吗？它可以让我不必重新创建丢失的部分。

该项目完全是一团糟，但请随意下载。 bitbucket.org/lindakeating/tomhais

我发现了问题。好吧，几乎找到了问题 - 我已经让它工作了。感谢您的所有帮助。

我只是在写问题 :) 抱歉花了这么长时间才找到它！

【参考方案1】：

答案标签的框架错位。由于没有为 anyXany 安装标签，因此在 Interface Builder 中看不到警告。

由于约束不等于预期的高度，因此自动布局无法正确解决 iOS 8 的单元格高度。

快速解决方法是勾选 anyXany 的已安装框。你会看到警告出现。选择 Answer 标签，选择 Editor->AutoLayout Issues->Update Frames，一切顺利！

更新：

标签最初显示而不需要重新加载的原因是因为勾选了 anyXany 框。 Apple 看到安装了约束，初始高度是正确的，无需重新加载或滚动。

如果未勾选该框，则在布局过程中添加约束为时已晚，标签无法获得正确的初始高度。

我建议保留单元格的标签（适用于任何大小等级），因为单元格的约束不会改变，具体取决于特征。

（虽然 tableView 约束确实发生了变化，但单元格的约束不应该是有条件的。如果有 个单元格，则无论大小等级如何，它都将始终具有相同的约束。）

【讨论】：

感谢您的帮助，但我已经尝试过了。我认为答案在 useryourloaf 博客中很详细，即单元格是在正确的行高之前写入的。即使没有按照您的建议进行操作，一旦您在表格上滚动，单元格就会显示出来，因此那里的作者建议强制在 viewDidAppear 方法中重新加载。

这是一个已知问题，并且有一个不需要reloadData 的解决方法。我在 8.3 上测试，所以我没有看到这个问题。在框架更新后，标签在第一次加载时显示良好。

我希望我在 3 天前就知道它 :( 我花了很多时间试图解决这个问题 - 但至少我得到了它的工作。

你的身高还是0和4.5吗？我的显示为 39, 20.5。如果出现错误的（标签）高度，您的单元格中肯定还是有问题。

哦！我删除了 anyXregular，因为可以为任何尺寸等级安装标签。如果未安装表，则标签设置无关紧要。那一定会有所不同，在我的和你的之间。我认为“正在发生”的事情是 Apple 过早地优化了不做 Auto Layout，因为它认为它不需要，因为没有安装它，所以没有初始约束。