1. 程式人生 > >iOS開發技巧之:相簿中的GIF圖片的讀取與儲存

iOS開發技巧之:相簿中的GIF圖片的讀取與儲存

大家都知道iOS的系統相簿是不支援gif圖片預覽的。但是,這並不代表系統相簿不能儲存和讀取gif圖片。通過Safari長按gif圖片,選擇儲存到相簿,這時儲存到相簿裡的圖片就是gif的,雖然它不會動。
下面將介紹如何對系統相簿進行gif的讀取與儲存。

什麼是 UTI

iOS系統相簿是根據 UTI 來區分資源型別的。那什麼是 UTI呢。UTI字面意思是:Uniform Type Identifiers(統一型別標示符)
apple 介紹文件:

https://developer.apple.com/library/ios/documentation/Miscellaneous/Reference/UTIRef/Introduction/Introduction.html

都支援哪些UTI型別:

https://developer.apple.com/library/ios/documentation/Miscellaneous/Reference/UTIRef/Articles/System-DeclaredUniformTypeIdentifiers.html#//apple_ref/doc/uid/TP40009259-SW1

在 MobileCoreServices/UTCoreTypes.h中可以找到一些內建的UTI型別

extern const CFStringRef kUTTypeImage                                __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0);
extern
const CFStringRef kUTTypeJPEG __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern const CFStringRef kUTTypeJPEG2000 __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern const CFStringRef kUTTypeTIFF __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern
const CFStringRef kUTTypePICT __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern const CFStringRef kUTTypeGIF __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern const CFStringRef kUTTypePNG __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern const CFStringRef kUTTypeQuickTimeImage __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern const CFStringRef kUTTypeAppleICNS __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern const CFStringRef kUTTypeBMP __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern const CFStringRef kUTTypeICO __OSX_AVAILABLE_STARTING(__MAC_10_4,__IPHONE_3_0); extern const CFStringRef kUTTypeRawImage __OSX_AVAILABLE_STARTING(__MAC_10_10,__IPHONE_8_0); extern const CFStringRef kUTTypeScalableVectorGraphics __OSX_AVAILABLE_STARTING(__MAC_10_10,__IPHONE_8_0); extern const CFStringRef kUTTypeLivePhoto __OSX_AVAILABLE_STARTING(__MAC_NA,__IPHONE_9_1);

用來標識 gif 資源的,就是 kUTTypeGIF 這個型別,實際字串是:@"com.compuserve.gif"

判斷是不是 gif 資源

我們使用 ALAssetsLibrary 來進行相簿資源的獲取。至於如何使用ALAssetsLibrary,這不是本文的重點,大家搜尋一下即可。

定義一個ALAsset的類別。下面所有的例項方法均是這個類別中的方法

@interface ALAsset (GifSupport)
@end
@implementation ALAsset (GifSupport)
@end

判斷是不是一個gif資源,只要簡單的判斷資源在 kUTTypeGIF 這個UTI下是不是有內容就可以了。

- (BOOL)isGif
{
    ALAssetRepresentation *re = [self representationForUTI: (__bridge NSString *)kUTTypeGIF];
    if (re) {
        return YES;
    }
    return NO;
}

讀取 gif 資料

一個ALAsset 是gif資源,那麼通過普通的獲取 CGImageRef 是無法取到完整的gif的,只能取到第一幀。
所以需要使用 ALAssetRepresentation 的這個方法來獲取 data 

- (NSUInteger)getBytes:(uint8_t *)buffer fromOffset:(long long)offset length:(NSUInteger)length error:(NSError **)error

下面是具體實現

- (NSData *)gifData
{
    if (![self isGif]) {
         return nil;
    }

    ALAssetRepresentation *re = [self representationForUTI:(__bridge NSString *)kUTTypeGIF];;  
    long long size = re.size;
    uint8_t *buffer = malloc(size);
    NSError *error;
    NSUInteger bytes = [re getBytes:buffer fromOffset:0 length:size error:&error];
    NSData *data = [NSData dataWithBytes:buffer length:bytes];
    free(buffer);
    return data;
}

展示 gif 圖片

使用SDWebImage中 UIImage+GIF.h 內的一個類方法即可將gif data轉換成 UIImage

+ (UIImage *)sd_animatedGIFWithData:(NSData *)data;

簡單的展示:

- (void)printGifImage
{
    NSData *data = [self gifData];
    UIImage *gifImage = [UIImage sd_animatedGIFWithData:data];
    UIImageView *imageView = [[UIImageView alloc] initWithImage:gifImage];
    imageView.frame = CGRectMake(0, 0, gifImage.size.width, gifImage.size.height);
    [[[UIApplication sharedApplication] keyWindow] addSubview:imageView];
}

儲存 gif 圖片到相簿

我們自己的應用可不可以實現Safari裡面的儲存gif功能呢?
答案是可以的。
這一部分比較複雜,直接上程式碼。裡面沒有做具體的異常判斷。需要根據需求自行新增。
我將在系統相簿裡建立一個gif相簿,gif圖片將儲存到這個組裡面。

測試時用了 [self gifData] 作為待儲存的data。實際上可以使用 SDWebImage的快取等等具體gif資料

- (void)saveGifData:(NSData *)data toGroup:(ALAssetsGroup *)group inLibrary:(ALAssetsLibrary *)library
{
    NSDictionary *metadata = @{@"UTI":(__bridge NSString *)kUTTypeGIF};
    // 開始寫資料   
    [library writeImageDataToSavedPhotosAlbum:data metadata:metadata completionBlock:^(NSURL *assetURL, NSError *error) {

        if (error) {
            NSLog(@"寫資料失敗:%@",error);
        }else{

            [library assetForURL:assetURL resultBlock:^(ALAsset *asset) {

                NSLog(@"成功儲存到相簿");

                if ([group isEditable]) {
                    [group addAsset:asset];
                }else{
                    NSLog(@"系統gif相簿不可編輯或者為nil");
                }

            } failureBlock:^(NSError *error) {
                NSLog(@"gif儲存到的ALAsset有問題, URL:%@,err:%@",assetURL,error);
            }];
        }
   }];
}