Different animation duration for subviews of an UIView

Question

I have the following code

[UIView animateWithDuration:2 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{

            mainPage.frame=CGRectMake(0, -[UIScreen mainScreen].bounds.size.width,[UIScreen mainScreen].bounds.size.height,[UIScreen mainScreen].bounds.size.width);

        } completion:nil];

Is there any way to control the animation duration of the subviews of mainPage.

score 3 · Accepted Answer · answered Sep 11 '14 at 23:53

You can use UIView:animateKeyframesWithDuration then use UIView:addKeyframeWithRelativeStartTime to set its start time and duration

[UIView animateKeyframesWithDuration:2 delay:0 options:0 animations:^{
    [UIView addKeyframeWithRelativeStartTime:0.32 relativeDuration:0.68 animations:^{
        view.frame = frame;
    }];
    [UIView addKeyframeWithRelativeStartTime:0.5 relativeDuration:1 animations:^{
        subview.frame = frame2;
    }];
} completion:^(BOOL finished) {
}];

score 0 · Answer 2 · answered Sep 10 '14 at 11:10

If you want the subviews to animate with a different duration then you'll need to animate each of them separately. You can loop through the mainPage.subviews array and issue an animateWithDuration:delay:options:animations:completion: call to each subview in turn, each with a different duration.

Different animation duration for subviews of an UIView

2 Answers2