Loading images for animation in UIImageView - iOS

Question

I have around 300 images to be loaded for animation the images are named loading001.png, loading002.png, loading003.png, loading004.png………loading300.png

I am doing it in the following way.

.h file

    #import <UIKit/UIKit.h>
    @interface CenterViewController : UIViewController  {
        UIImageView *imgView;
    }

    @end

.m file

@implementation CenterViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    imgView = [[UIImageView alloc] init];
    imgView.animationImages = [[NSArray alloc] initWithObjects:
                               [UIImage imageNamed:@"loading001.png"],
                               [UIImage imageNamed:@"loading002.png"],
                               [UIImage imageNamed:@"loading003.png"],
                               [UIImage imageNamed:@"loading004.png"],
                               nil];
}

- (IBAction)startAnimation:(id)sender{
    [imgView startAnimating];
}

@end

Is there a efficient way to load the images into a array. I had tried it with for loop but was not able to figure it out.

here is a sample code http://www.appcoda.com/ios-programming-animation-uiimageview/ — Ajumal, Apr 02 '15 at 06:04

icodebuster · Accepted Answer · 2013-05-17T21:12:38.863

16

You may try out the following code to load images into an array in a better way

- (void)viewDidLoad {
    [super viewDidLoad];

    NSMutableArray *imgListArray = [NSMutableArray array];
    for (int i=1; i <= 300; i++) {
        NSString *strImgeName = [NSString stringWithFormat:@"loading%03d.png", i];
        UIImage *image = [UIImage imageNamed:strImgeName];
            if (!image) {
                NSLog(@"Could not load image named: %@", strImgeName);
            }
            else {
                [imgListArray addObject:image];
            }
        }
    imgView = [[UIImageView alloc] init];
    [imgView setAnimationImages:imgListArray];
}

edited May 17 '13 at 21:12

answered May 17 '13 at 21:07

icodebuster

8,890
7
62
65

You have an empty space in the strImageName @"loading %4d.png should be @loading%4d.png" – danypata May 17 '13 at 21:11
1

Should be [NSString stringWithFormat:@"loading%03d.png", i]; – Mario May 17 '13 at 21:12
Thanks all it worked. I had tried something similar but was stuck at `loading%03.png`. – May 17 '13 at 21:20
Use of UIImageView.animationImages will crash your device before long. Lots of lot of people run into this problem, the real solution is to not use UIImageView to do your animations. – MoDJ Jun 20 '13 at 23:01
@MoDJ I had used the above piece of code for max 20 image animation, I agree with you the app may crash, and thanks for the link. +1 for digging up old question – icodebuster Jun 21 '13 at 03:37

score 3 · Answer 2 · answered May 18 '15 at 06:06

3

There is an easier way to do this. You can simply use:

[UIImage animatedImageNamed:@"loading" duration:1.0f]

Where 1.0f is the duration to animate all the images. For this to work though, your images must be named like this:

loading1.png
loading2.png
.
.
loading99.png
.
.
loading300.png

That is, without padding with 0.

The function animatedImageNamed is available from iOS 5.0 onwards.

answered May 18 '15 at 06:06

Vishal

2,030
22
27

how to stop this animation? You have an idea? – Yucel Bayram Dec 14 '15 at 12:36
@yucelbayram Must set on animatedImages for repeat count to take effect. Can set last image for when complete. https://stackoverflow.com/questions/29621400/uiimageview-animationrepeatcount-strange-behaviour#answer-29623852 – user2821144 Jan 06 '16 at 23:51

score 2 · Answer 3 · answered May 17 '13 at 21:11

2

Depending on the size of your images, a 300 image animation sequence may be quite the memory hog. Using a a movie might be a better solution.

answered May 17 '13 at 21:11

ModernCarpentry

3,127
2
20
14

My images are small so going forward with image animation. – May 17 '13 at 21:18

score 2 · Answer 4 · edited May 23 '17 at 11:59

2

Your code will crash when run on the device, it is just not possible to decompress that many images into memory on iOS. You will get memory warnings and then your app will be killed by the OS. See my answer to how-to-do-animations-using-images-efficiently-in-ios for a solution that will not crash on the device.

edited May 23 '17 at 11:59

Community

1
1

answered Jun 20 '13 at 22:59

MoDJ

4,309
2
30
65

Loading images for animation in UIImageView - iOS

4 Answers4

Linked