CODEWITHSUNDEEP
iosuiviewuiviewanimation
sarah_33
sarah_33

Reputation: 21

How to repeat UIView animation specific times

I'd like to repeat this animation three times.
I confirmed this code worked without repeating.

[UIView animateWithDuration:1.0f
                      delay:0.1f
                    options:UIViewAnimationOptionCurveLinear
                 animations:^{
                     imageOne.center = CGPointMake(100, 150);
                 } completion:^(BOOL finished) {
                     imageOne.center = CGPointMake(100,200);
                 }];


Would anyone tell me how to do?
Thanks!

Upvotes: 1

Views: 3506

Answers (5)

Mojo66
Mojo66

Reputation: 1107

The proper way to do this is like so:

[UIView animateWithDuration:1.0f
                  delay:0.1f
                options:UIViewAnimationOptionCurveLinear
             animations:^{
                 [UIView setAnimationRepeatCount:3.0];// <===
                 imageOne.center = CGPointMake(100, 150);
             } completion:^(BOOL finished) {
                 imageOne.center = CGPointMake(100,200);
             }];

Upvotes: 3

Mike
Mike

Reputation: 481

I'd rather make something like this:

const CGFloat AnimationDuration = 1.0;
const CGFloat AnimationDelay = 0.1;
const NSUInteger AnimationCount = 3;

- (void) someAction
{
    [self showAnimationTimes:AnimationCount];
}

- (void) showAnimationTimes:(NSUInteger)count
{
    __block NSUInteger blockCount = count;

    [self animation:^
     {
         imageOne.center = CGPointMake(100, 150);
     }
         completion:^(BOOL finished)
     {
         imageOne.center = CGPointMake(100, 200);

         if (count > 1)
         {
             [self showAnimationTimes:--blockCount];
         }
     }];
}

- (void) animation:(void (^)(void))animations completion:(void (^)(BOOL finished))completion
{
    [UIView animateWithDuration:AnimationDuration
                          delay:AnimationDelay
                        options:UIViewAnimationOptionCurveLinear
                     animations:animations
                     completion:completion];
}

it's easier to understand for me.

Upvotes: 0

Andr3wHur5t
Andr3wHur5t

Reputation: 56

There are a couple ways you could accomplish this, I think cleanest approach would probably be to use recursion.

Here is a general-purpose method animate things with animation blocks recursively.

- (void) animateWithDuration:(NSTimeInterval) duration
                       delay:(NSTimeInterval) delay
                     options:(UIViewAnimationOptions) options
                  animations:(void(^)( )) animations
                  completion:(void(^)( BOOL finished )) completion
                  repeatCount:(NSInteger) repeatCount {
    // Only do the animation if we have an animations block, and our count is bigger than 0.
    if ( repeatCount <= 0 || !animations )
        return;

    // Do the animation
    [UIView animateWithDuration: duration
                          delay: delay
                        options: options
                     animations:^{
                         // Invoke the animations block
                         animations();
                     }
                     completion:^(BOOL finished) {
                         // Invoke the animation completion if it exists
                         if ( completion )
                             completion( finished );

                         // Invoke ourself again with a decremented repeat count.
                         [self animateWithDuration: duration
                                             delay: delay
                                           options: options
                                        animations: animations
                                        completion: completion
                                       repeatCount: repeatCount - 1];
    }];
}

Here is how you could use it in your code using the example you provided. 

[self animateWithDuration: 1.0f
                    delay: 0.1f
                  options: UIViewAnimationOptionCurveLinear
               animations: ^{
                   imageOne.center = CGPointMake(100, 150);
               }
               completion: ^(BOOL finished) {
                   imageOne.center = CGPointMake(100,200);
               }
              repeatCount: 3];

Upvotes: 3

Ravi
Ravi

Reputation: 2451

use this simple code

     CABasicAnimation* animate =  [CABasicAnimation animationWithKeyPath:@"position"];
     [animate setDuration:1.0];
     [animate setRepeatCount:3];
     [animate setAutoreverses:YES];

     [animate setFromValue:[NSValue valueWithCGPoint:
                          CGPointMake(imageOne.center.x, imageOne.center.y)]];
     [animate setToValue:[NSValue valueWithCGPoint:
                        CGPointMake(imageOne.center.x, imageOne.center.y+100)]];
     [line.layer addAnimation:animate forKey:@"position"];

Upvotes: 0

emotality
emotality

Reputation: 13045

int animationLoopCount = 0;
- (void)doAnimation
{
    for (animationLoopCount; animationLoopCount < 3; animationLoopCount++) {
    [UIView animateWithDuration:1.0f
                      delay:0.1f
                    options:UIViewAnimationOptionCurveLinear
                 animations:^{
                     imageOne.center = CGPointMake(100, 150);
                 } completion:^(BOOL finished) {
                     imageOne.center = CGPointMake(100,200);
                     [self doAnimation];
                     if (animationLoopCount == 3) animationLoopCount = 0;
                 }];
    }
}

Upvotes: 3

Related Questions