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

Answer 1

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.

Answer 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.

Answer 3

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];
}

Answer 4

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.