Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Dynamic TableView Cell Heights Incorrect Until After Scrolling (iOS 8) - full screenshots attached

EDIT

Built a new sample project from scratch and the dynamic tableview cell height is working flawlessly. I then tried to replicate by trimming down my project to it's bare minimum and it's STILL broken (first few cells buggy). Attaching full project for both working and not working examples. Project/code literally looks 99% identical and for the love of me can't figure out where the 1% difference is. The only thing that is popping out at me is that I used different size classes (wAny hAny vs wCompact hRegular but I can't imagine that would do anything given I'm testing in portrait only

Working project: enter image description here

Not working project: enter image description here

WORKING (new project from scratch):
https://drive.google.com/file/d/0B_EIkjmOj3ImWXZjVFZMYXZmVGc/view?usp=sharing

NOT WORKING (my project, cleaned up to it's bare minimum)
https://drive.google.com/file/d/0B_EIkjmOj3ImMGRNOXU2RlNkWEk/view?usp=sharing

Have scoured the web trying to understand what is going on, but for some reason my cell heights are incorrect until I scroll past the prototype cells.

Upon initial load: enter image description here

And after scrolling past each cell: enter image description here

Background colors: cell.postTextLabel.backgroundColor = [UIColor orangeColor]; subView.backgroundColor = [UIColor blueColor]; contentView.backgroundColor = [UIColor brownColor];

Not doing anything too fancy here: just a prototype cell, a subview, and three labels (username, timestamp, text).

Below screenshots highlight my constraints in Storyboard:

enter image description here

enter image description here

enter image description here

enter image description here

I pull data from Parse, and am reloading my data while setting tableView layout

[self.tableView setNeedsLayout]; [self.tableView layoutIfNeeded]; [self.tableView reloadData];

And lastly my cellForRowAtIndexPath method:

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


- (UITableViewCell *)postCellAtIndexPath:(NSIndexPath *)indexPath {
    static NSString *PostCellIdentifier = @"PostCell";
    PostCell *cell = (PostCell *)[self.tableView dequeueReusableCellWithIdentifier:PostCellIdentifier forIndexPath:indexPath];

    [self configurePostCell:cell atIndexPath:indexPath];

    [cell setNeedsLayout];
    [cell layoutIfNeeded];

    [cell setNeedsUpdateConstraints];
    [cell updateConstraintsIfNeeded];



    return cell;
}
like image 581
SimplyLearning Avatar asked Oct 20 '22 12:10

SimplyLearning


1 Answers

Finally i found the problem why it is not working. I downloaded the Projects which were uploaded to drive by you, and do modifications in it. And found the issue that you use compact Regular size classes which causes error. After converting your size classes to Any, Any it works fine and perfect.so the key of the solution is change wCompact hRegular to wAny hAny. There is no change in code.

That was initial answer.

Detailed Answer :

1) for the size classes first read this document of apple.

2) In your broken demo the size classes are selected as given below :

enter image description here

This indicates that you selected specific view like compact width and regular height means this auto layout will only work in specific iPhone portrait orientation.

Compact Width | Regular Height combination specifies layout changes that apply only to sizes resembling iPhone devices in portrait orientation.

The control wCompact hRegular indicates the compact width and regular height size classes.

I used below size classes and also in your working project i can be able to see below size classes :

enter image description here

In this Size classes it's working fine.

I don't know is it apple's bug or what. !!!

If you want to support only portrait mode and only iPhones then you can choose iPhone in Development Info -> devices. and for orientation you can choose Portrait and upside down in Device orientation.

Hope this helps you to figure out the problem.

like image 152
Premal Khetani Avatar answered Oct 22 '22 02:10

Premal Khetani