layoutSubviews during an animation?

Question

I have a UIView with a bunch of subviews, all positioned using layoutSubviews. When the view is resized, the relative positions all change. I'd like these re-calculations to happen during an animated resize (using +[UIView beginAnimations:] calls). This doesn't seem to be happening. Any ideas?

Answer 1

Assumption: You want to have multiple animation steps (i.e. position doesn't change linearly with frame size).

This isn't possible with a single "standard" UIView animations. Why? The frame/bounds is only set once.

Core Animation has three "layer trees":

• The model tree is where your app thinks things are.
• The presentation tree is approximately what's being displayed on screen.
• The render tree is approximately what Core Animation is compositing.

UIView is a (somewhat thin) wrapper around the model layer. During a UIView animation, Core Animation updates the presentation/render tree — the model tree represents the endpoint of animations. The upshot is that your code can (for the most part) treat animations as instantaneous — moving a view from A to B instantly moves it to B; the change just happens to be animated to the user.

There are more complicated things you can do with CALayer/CAAnimation directly, but I haven't investigated this much.

You could chain multiple animations together using -[UIView setAnimationDidStopSelector:]. (You could also try using multiple animations together with setAnimationDelay:, but I'm not sure what happens with multiple animations on the same property; you might have luck with setAnimationBeginsFromCurrentState:.)

If you want really fine-grained control, CADisplayLink (OS 3.1+) is a timer that fires after each screen refresh. A fallback option (for 3.0 support) is to use an NSTimer at 30/60 Hz or so.

Answer 2

Completing @GrizzlyNetch's anwer, you can set the UIViewAnimationOptionLayoutSubviews animation option, so you don't need to call layoutIfNeeded:

-(void)someMethod{
    double duration = ...;
    [UIView animateWithDuration:duration delay:0 options:UIViewAnimationOptionLayoutSubviews animations:^{
        self.frame = ...;
    } completion:nil];
}

Answer 3

I know this is an old question, but this code works for me very well (suited for your example of changing frame).

-(void)layoutSubviews{
     [super layoutSubviews];
     // layout your subviews here, or whatever
}

-(void)someMethod{
    double duration=...;
    [UIView animateWithDuration:duration animations:^{
        self.frame = ...;
        [self layoutIfNeeded];
    }];
}

Of course you can call this method from another object. The "trick" is to call layoutIfNeeded (or layoutSubviews directly - same thing, if You change the frame the setNeedsLayout is called).

As tc. nicely explained the "layer trees", You just force the presentation layer to display the final stage of model layer with animation.

The advantage of this method is in possibility to control when the frame/bounds change is animated and when it's instant.

Hope this helps someone:).

Answer 4

Posting for completeness. Thanks to tc. for explaining that what I want to do, exactly, is not supported by Core Animation.

I eventually came up with a reasonable solution. Rather then layout my subviews in -layoutSubviews, I do so in -setBounds:. Then, when I wrap a -setBounds: call in a UIView +beginAnimations: block, those positioning calls are also animated, and the end result is everything properly animating to where it should god.