How do I set the height and width to an NSArray animation?

Question

I have animation of images and some images are different widths and heights. What I am looking to do is set the width and height to each of theses images.

jumperguy.animationImages = [NSArray arrayWithObjects:
                             [UIImage imageNamed:@"jumperguy_a_1.png"],
                             [UIImage imageNamed:@"jumperguy_a_2.png"],
                             [UIImage imageNamed:@"jumperguy_a_3.png"],
                             [UIImage imageNamed:@"jumperguy_a_4"],nil];

[jumperguy setAnimationRepeatCount:1];
jumperguy.animationDuration = 1;
[jumperguy startAnimating];

You can simply re-scale the uiimages by writing them to a new context, but what have you tried so far? — Lyndsey Scott, Jan 24 '15 at 19:38
I haven't tried that. What would the code look like for that? — Tyler Schoenau, Jan 24 '15 at 19:43
A clean animation where the images flow nicely and they aren't distorted by one picture width. @Wain — Tyler Schoenau, Jan 24 '15 at 20:38
Then why not sort the images out before you put them in the app? — Wain, Jan 24 '15 at 20:59
@TylerSchoenau Honestly, that method I linked to is all you need to use to get the images to be the same width and height... Have you implemented it yet? — Lyndsey Scott, Jan 24 '15 at 21:00

score 0 · Answer 1 · answered Jan 24 '15 at 21:01

UIImageView animation does a "flip book" style animation where each image is drawn into the same frame. I don't believe it will handle images of different sizes between frames. As Wain suggests, you should scale your images to fit in the same frame in an image editor before putting them into your app.

score 0 · Answer 2 · answered Jan 24 '15 at 22:00

As I mentioned in my comment, you can programmatically scale each image in your array like so:

    ...

    CGFloat width = whateverWidth;
    CGFloat height = whateverHeight;
    jumperguy.animationImages = [NSArray arrayWithObjects:
                     [self imageWithImage:[UIImage imageNamed:@"jumperguy_a_1.png"] scaledToSize:CGSizeMake(width, height)],
                     [self imageWithImage:[UIImage imageNamed:@"jumperguy_a_2.png"] scaledToSize:CGSizeMake(width, height)],
                     [self imageWithImage:[UIImage imageNamed:@"jumperguy_a_3.png"] scaledToSize:CGSizeMake(width, height)],
                     [self imageWithImage:[UIImage imageNamed:@"jumperguy_a_4.png"] scaledToSize:CGSizeMake(width, height)],nil];

    [jumperguy setAnimationRepeatCount:1];
    jumperguy.animationDuration = 1;
    [jumperguy startAnimating];

}



- (UIImage *)imageWithImage:(UIImage *)image scaledToSize:(CGSize)newSize {
    //UIGraphicsBeginImageContext(newSize);
    // In next line, pass 0.0 to use the current device's pixel scaling factor (and thus account for Retina resolution).
    // Pass 1.0 to force exact pixel size.
    UIGraphicsBeginImageContextWithOptions(newSize, NO, 0.0);
    [image drawInRect:CGRectMake(0, 0, newSize.width, newSize.height)];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();    
    UIGraphicsEndImageContext();
    return newImage;
}

How do I set the height and width to an NSArray animation?

2 Answers2