Animate intrinsicContentSize changes

Question

I have a UIView subclass that draws a circle whose radius changes (with nice bouncy animations). The view is deciding the size of the circle.

I want this UIView subclass to change its frame size to match the animated changes to the circle radius, and I want these changes to modify any NSLayoutConstraints connected to the view (so that views that are constrained to the edge of the circle will move as the circle resizes).

I understand that implementing -(CGSize)intrinsicContentSize and calling invalidateIntrinsicContentSize when the radius changes will tell constraints to update, but I cant figure out how to animate the changes to intrinsicContentSize.

Calling invalidateIntrinsicContentSize from within a [UIView animateWith... block just instantly updates the layout.

Is this even possible, and is there a workaround/better approach?

I have a feeling that this is not possible. Take the example of the `UILabel` its `intrinsicContentSize` is a function of its font size. However there is no nice way to animate a font change. The workaround for the label is to animate its layer's transform change (using a `CAAnimation`) then to change the font after the animation is complete - Not nice. — Robert, Aug 15 '13 at 21:53

stigi · Accepted Answer · 2016-09-17T17:36:38.573

80

invalidateIntrinsicContentSize works well with animations and layoutIfNeeded. The only thing you need to consider is, that changing the intrinsic content size invalidates the layout of the superview. So this should work:

[UIView animateWithDuration:0.2 animations:^{
    [self invalidateIntrinsicContentSize];
    [self.superview setNeedsLayout];
    [self.superview layoutIfNeeded];
}];

edited Sep 17 '16 at 17:36

answered Jul 16 '14 at 15:47

stigi

6,661
3
40
50

9

Ok, works if you add the line [self.superview setNeedsLayout] in the middle – Ash Oct 07 '14 at 10:54
Updated with @Ash's feedback. – stigi Sep 17 '16 at 17:37

score 11 · Answer 2 · answered Aug 04 '17 at 16:37

11

Swift version of @stigi's answer which worked for me:

UIView.animate(withDuration: 0.2, animations: {
    self.invalidateIntrinsicContentSize()
    self.superview?.setNeedsLayout()
    self.superview?.layoutIfNeeded()
})

answered Aug 04 '17 at 16:37

nathangitter

9,607
3
33
42

score 3 · Answer 3 · answered Sep 10 '13 at 23:53

Width / height constraint doesn't help? Keep reference of this constraint and ...

[NSLayoutConstraint constraintWithItem:view
                             attribute:NSLayoutAttributeWidth
                             relatedBy:NSLayoutRelationEqual
                                toItem:nil
                             attribute:NSLayoutAttributeNotAnAttribute
                            multiplier:1
                              constant:myViewInitialWidth];

... when you do want to animate myView resize, do this ...

self.viewWidthConstraint.constant = 100; // new width
[UIView animateWithDuration:0.3 animations:^{ [view layoutIfNeeded]; }];

... do the same thing for the height.

Depends on your other constraints, maybe you will be forced to raise priority of these two constraints.

Or you can subclass UIView, add - (void)invalidateIntrinsicContentSize:(BOOL)animated and fake it by yourself. Get new size from - (CGSize)intrinsicContentSize and animate it by animating width / height constraints. Or add property to enable / disable animations and override invalidateIntrinsicContentSize and do it inside this method. Many ways ...

score 3 · Answer 4 · answered Jun 23 '14 at 13:04

3

In the code below, intrinsic class is the class that has just changed it's size on changing a variable. To animate the intrinsic class only use the code below. If it impacts other objects higher up the view hierarchy then replace self.intrinsic class with the top level view for setNeedsLayout and layoutIfNeeded.

[UIView animateWithDuration:.2 animations:^{
        self.intrinsicClass.numberOfWeeks=8;
        [self.intrinsicClass setNeedsLayout];
        [self.intrinsicClass layoutIfNeeded];
    }];

answered Jun 23 '14 at 13:04

Ajaxharg

2,974
2
18
19

This is especially true for `UIView`s with `intrinsicContentSize` inside `UIStackView`. In order for the stack view to animate on resize, you must call `layoutIfNeeded` on the parent of the stack, not on the stack itself. I just got bitten by this! – Dafydd Williams Dec 18 '18 at 23:25

score 0 · Answer 5 · answered May 05 '15 at 00:52

None of this has worked for me. I have a UILabel which I am setting with a NSAttributedString. The text is multiline and wrapping on word boundaries. Therefore the height is variable. I've tried this:

[UIView animateWithDuration:1.0f animations:^{
    self.label = newLabelText;
    [self.label invalidateIntrinsicContentSize];
    [self.view setNeedsLayout];
    [self.view layoutIfNeeded];
}];

And a number of variations. None work. The label immediately changes it's size and then slides into it's new position. So the animation of the labels position ons screen is working. But the animating of the label's size change is not.

This could be a comment, because it does not supply an answer. — Erik Kerber, Sep 27 '19 at 15:34

J. Doe · Answer 6 · 2017-08-20T23:06:10.087

0

Well for Swift 4/3 this works and I think this is best practise. If you have a UIView with a UILabel in it and the UIView adapts the frame from the UILabel, use this:

self.theUILabel.text = "text update"
UIView.animate(withDuration: 5.0, animations: {
   self.theUIView.layoutIfNeeded()
})

The normal self.view.layoutIfNeeded() will work most of the time as well.

edited Aug 20 '17 at 23:06

answered Aug 18 '17 at 00:40

J. Doe

12,159
9
60
114

Animate intrinsicContentSize changes

6 Answers6

Linked