UITableViewAutomaticDimension将具有自动布局约束的单元格内容切到底部

Question

an image is shown in one of the cells.

The image's constraints are as follows:

The height for this cell in heightForRow is set as UITableViewAutomaticDimension. But the image gets chopped off from the bottom. How to resolve this so that the image is shown fully? Thank you.

output is shown as below:

Answer 1

As i mentioned in the comment, if you want a self sizing cell, decide which element (or a combination) will determine the height. In your case the image view has a hight constraint, which means, create leading, top and bottom constraint with lower priority than the top one, otherwise IB will complain about the Y position. Then trailing to your label with >= 8 or something like that, then UILabel trailing to super view, and finally Y position for the label, either center in Y or give it a top, or bottom constraint, or both, but either lower priority than for image view or lower hugging priority.

here are the constraints of the image view:

The bottom constraint has lower priority than the top one. The UILabel is centered vertically, so it has no effect on cell size. If you have top and bottom constraints for UIlabel, make sure their priority is lower than the ones of image view ones, or that its hugging priority is lower than image view.

Here is what it looks like in simulator: