UIView with dynamic height that uses intrinsicContentSize

11
votes

I am trying to create a custom container view that has a UIImageView and a multiline UILabel as subviews. To make the view work nicely with autolayout, I am overriding intrinsicContentSize as below:

- (CGSize)intrinsicContentSize
{
    return [self sizeThatFits:self.bounds.size];
}

The size calculated in sizeThatFits has the same width, and adjusts the height so that the label and image are not clipped. This works well, but I was surprised to see in the docs the following comment:

This intrinsic size must be independent of the content frame, because there’s no way to dynamically communicate a changed width to the layout system based on a changed height, for example.

If that is the case, what is the autolayout way to adjust the views current height based on its width and content? Should I be approaching this in a different way?

4
iosobjective-ccocoa-touchuiviewautolayout
If you want avoid content being clipped, it is the compression resistance priority of the container view that must be increased. – Max MacLeod
The compression resistance is the priority at which a view resists being made smaller than its intrinsic content size. If the intrinsic content size is not correct, then this is not going to be of much use. – Tark

4 Answers

7
votes

To answer my own question, it appears that there is not an autolayout suitable solution to this situation. Looking to UILabel for inspiration, the problem here has been solved with the addition of a property preferredMaxLayoutWidth, which can then be used as a constraining width during the intrinsic content size calculation. Any custom view would need to use something similar.

1
votes

I think the doc means that, your containerView might have a placeHolderFrame as content frame.

intrinsic size should not be related to the content frame, but only to it's own subContent. Your image and UILabel for example.

You should calculate both height and the width from the label and the image. Which should be easy, since they all have intrinsic size.

Just my opinion...

0
votes

I guess you could use UILabel's new preferredMaxLayoutWidth property to layout label correctly and use other approaches to layout other stuff.

Something like this:

- (void)layoutSubviews
{
    ...
    [super layoutSubviews]; // get width from solved constraints
    label.preferredMaxLayoutWidth = label.frame.size.width; // use it
    [super layoutSubviews]; // update height of a label (probably intrinsicContentSize)
    ...
}
-1
votes

Align the bottom edge of the containing view with both the image and the label.

[self alignBottomEdgeWithView:labelView predicate:@"10"];

Details in http://code.dblock.org/ios-uiview-with-an-image-and-text-with-dynamic-height.