Лучший способ кэшировать изображения в приложении ios?

Кэширование означает просто сохранение копии необходимых данных, чтобы вам не приходилось загружать их из более медленного источника. Например, микропроцессоры часто имеют кэш-память, в которой хранятся копии данных, поэтому им не нужно обращаться к ОЗУ, что намного медленнее. Жесткие диски часто имеют кеш-память, из которой файловая система может гораздо быстрее получить доступ к блокам данных, к которым недавно обращались.

Точно так же, если ваше приложение загружает много изображений из сети, может быть в ваших интересах кэшировать их на вашем устройстве, вместо того, чтобы загружать их каждый раз, когда они вам нужны. Есть много способов сделать это - похоже, вы уже нашли один. Возможно, вы захотите сохранить загруженные изображения в каталоге вашего приложения / Library / Caches, особенно если вы не ожидаете, что они изменятся. Загрузка изображений из вторичного хранилища будет намного быстрее, чем их загрузка по сети.

Возможно, вас заинтересует малоизвестный NSCache класс для хранения в памяти нужных изображений. NSCache работает как словарь, но когда памяти становится мало, он начинает освобождать часть своего содержимого. Вы можете сначала проверить кеш для данного изображения, и если вы не найдете его там, вы можете заглянуть в свой каталог кэшей, и если вы не найдете его там, вы можете загрузить его. Ничто из этого не ускорит загрузку изображений в вашем приложении при первом запуске, но как только ваше приложение загрузит большую часть того, что ему нужно, оно станет гораздо более отзывчивым.

Думаю, Калеб хорошо ответил на вопрос о кешировании. Я просто собирался коснуться процесса обновления вашего пользовательского интерфейса при получении изображений, например предполагая, что у вас есть NSCache для ваших изображений с именем _imageCache:

Сначала определите свойство очереди операций для представления таблицы:

@property (nonatomic, strong) NSOperationQueue *queue;

Затем в viewDidLoad инициализируйте это:

self.queue = [[NSOperationQueue alloc] init];
self.queue.maxConcurrentOperationCount = 4;

А затем в cellForRowAtIndexPath вы могли:

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"ilvcCell";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

    // set the various cell properties

    // now update the cell image

    NSString *imagename = [self imageFilename:indexPath]; // the name of the image being retrieved

    UIImage *image = [_imageCache objectForKey:imagename];

    if (image)
    {
        // if we have an cachedImage sitting in memory already, then use it

        cell.imageView.image = image;
    }
    else
    {
        cell.imageView.image = [UIImage imageNamed:@"blank_cell_image.png"];

        // the get the image in the background

        [self.queue addOperationWithBlock:^{

            // get the UIImage

            UIImage *image = [self getImage:imagename];

            // if we found it, then update UI

            if (image)
            {
                [[NSOperationQueue mainQueue] addOperationWithBlock:^{
                    // if the cell is visible, then set the image

                    UITableViewCell *cell = [self.tableView cellForRowAtIndexPath:indexPath];
                    if (cell)
                        cell.imageView.image = image;
                }];

                [_imageCache setObject:image forKey:imagename];
            }
        }];
    }

    return cell;
}

Я упоминаю только об этом, поскольку недавно видел несколько примеров кода, плавающих на SO, которые используют GCD для обновления соответствующего свойства UIImageView image, но в процессе отправки обновления пользовательского интерфейса обратно в основную очередь они используют любопытные методы (например, , перезагружая ячейку или таблицу, просто обновляя свойство изображения существующего объекта cell, возвращенного в верхней части tableView:cellForRowAtIndexPath (что является проблемой, если строка прокручена за пределы экрана, а ячейка была исключена из очереди и повторно используется для нового ряд) и т. д.). Используя cellForRowAtIndexPath (не путать с tableView:cellForRowAtIndexPath), вы можете определить, видна ли ячейка и / или она могла быть прокручена, исключена из очереди и повторно использована.

Самое простое решение - использовать что-то активно используемое, прошедшее стресс-тестирование.

SDWebImage - это мощный инструмент, который помог мне решить аналогичную проблему и может быть легко установлен с капсулами какао. В подфиле:

platform :ios, '6.1'
pod 'SDWebImage', '~>3.6'

Настроить кеш:

SDImageCache *imageCache = [[SDImageCache alloc] initWithNamespace:@"myNamespace"];
[imageCache queryDiskCacheForKey:myCacheKey done:^(UIImage *image)
{
    // image is not nil if image was found
}];

Изображение кеша:

[[SDImageCache sharedImageCache] storeImage:myImage forKey:myCacheKey];

https://github.com/rs/SDWebImage

Думаю, пользователю лучше подойдет что-нибудь вроде DLImageLoader. Дополнительная информация -> https://github.com/AndreyLunevich/DLImageLoader-iOS

[[DLImageLoader sharedInstance] loadImageFromUrl:@"image_url_here"
                                   completed:^(NSError *error, UIImage *image) {
                                        if (error == nil) {
                                            imageView.image = image;
                                        } else {
                                            // if we got an error when load an image
                                        }
                                   }];

Что касается вопроса о неправильных изображениях, это из-за повторного использования ячеек. Повторное использование ячеек означает, что существующие ячейки, которые выходят из поля зрения (например, ячейки, которые выходят за пределы экрана вверху, когда вы прокручиваете вниз, возвращаются снова снизу). неправильные изображения. Но как только ячейка появляется, выполняется код для получения правильного изображения, и вы получаете правильные изображения.

Вы можете использовать заполнитель в методе prepareForReuse ячейки. Эта функция в основном используется, когда вам нужно сбросить значения, когда ячейка используется для повторного использования. Установка здесь заполнителя гарантирует, что вы не получите неправильных изображений.

Кэширование изображений можно сделать так же просто.

ImageService.m

@implementation ImageService{
    NSCache * Cache;
}

const NSString * imageCacheKeyPrefix = @"Image-";

-(id) init {
    self = [super init];
    if(self) {
        Cache = [[NSCache alloc] init];
    }
    return self;
}

/** 
 * Get Image from cache first and if not then get from server
 * 
 **/

- (void) getImage: (NSString *) key
        imagePath: (NSString *) imagePath
       completion: (void (^)(UIImage * image)) handler
    {
    UIImage * image = [Cache objectForKey: key];

    if( ! image || imagePath == nil || ! [imagePath length])
    {
        image = NOIMAGE;  // Macro (UIImage*) for no image 

        [Cache setObject:image forKey: key];

        dispatch_async(dispatch_get_main_queue(), ^(void){
            handler(image);
        });
    }
    else
    {
        dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH,0ul ),^(void){

            UIImage * image = [UIImage imageWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:[imagePath stringByAddingPercentEscapesUsingEncoding:NSUTF8StringEncoding]]]];

            if( !image)
            {
                image = NOIMAGE;
            }

            [Cache setObject:image forKey: key];

            dispatch_async(dispatch_get_main_queue(), ^(void){
                handler(image);
            });
        });
    }
}


- (void) getUserImage: (NSString *) userId
           completion: (void (^)(UIImage * image)) handler
{
    [self getImage: [NSString stringWithFormat: @"%@user-%@", imageCacheKeyPrefix, userId]
         imagePath: [NSString stringWithFormat: @"http://graph.facebook.com/%@/picture?type=square", userId]
        completion: handler];
}

SomeViewController.m

    [imageService getUserImage: userId
                    completion: ^(UIImage *image) {
            annotationImage.image = image;
    }];