今天有兩個朋友問我如何直接在iOS中使用GIF圖片，查了下咱們的度娘看到了簡單的方法就是直接使用webView來載入。webView的好處在於每個subFrame之間的delay可以按照圖片的設定顯示出來。

還有個辦法就是使用定時器模擬幀數，使用imageIO流來讀取GIF的data。

我也嘗試寫個Demo來顯示Gif

在demo中首先先分解出GIF的每個image，之後使用UIView動畫來重現效果，在這個中使用了1/100秒作為一針

主體程式碼如下：

- (void)loadImageData {
    // 將所有的子幀動畫加入陣列
    NSMutableArray *array = [[NSMutableArray alloc] init];
    for (int i = 0; i < [GIF_frames count]; i++)
    {
        [array addObject: [self getFrameAsImageAtIndex:i]];
    }
    
    NSMutableArray *overlayArray = [[NSMutableArray alloc] init];
    UIImage *firstImage = [array objectAtIndex:0];
    CGSize size = firstImage.size;
    CGRect rect = CGRectZero;
    rect.size = size;
    
    //獲取當前的上下文
    UIGraphicsBeginImageContext(size);
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    int i = 0;
    AnimatedGifFrame *lastFrame = nil;
    for (UIImage *image in array)
    {
        // 獲取
        AnimatedGifFrame *frame = [GIF_frames objectAtIndex:i];
        
        //當前的展示
        UIImage *previousCanvas = nil;
        
        //將當前圖形狀態推入堆疊
        CGContextSaveGState(ctx);
        // 縮放比例（上下文，x的比例，y的比例（需使用負值），因為cgcontext的原點與uiview不同）
        CGContextScaleCTM(ctx, 1.0, -1.0);
        CGContextTranslateCTM(ctx, 0.0, -size.height);
        
        // 顯示的大小
        CGRect clipRect;
        
        // 判斷是哪種顯示方法
        switch (frame.disposalMethod)
        {
            case 1: // 是否超邊了
                // 顯示的大小
                clipRect = CGRectMake(frame.area.origin.x, size.height - frame.area.size.height - frame.area.origin.y, frame.area.size.width, frame.area.size.height);
                
                CGContextClipToRect(ctx, clipRect);
                break;
            case 2:
                clipRect = CGRectMake(frame.area.origin.x, size.height - frame.area.size.height - frame.area.origin.y, frame.area.size.width, frame.area.size.height);
            
                CGContextClipToRect(ctx, clipRect);
                break;
            case 3:
                // 獲取畫板
                previousCanvas = UIGraphicsGetImageFromCurrentImageContext();
                
           
                clipRect = CGRectMake(frame.area.origin.x, size.height - frame.area.size.height - frame.area.origin.y, frame.area.size.width, frame.area.size.height);
                // Clip Context
                CGContextClipToRect(ctx, clipRect);
                break;
        }
        
        // 繪製實際圖片實際大小
        CGContextDrawImage(ctx, rect, image.CGImage);
        // 重新渲染
        CGContextRestoreGState(ctx);
        
        //延遲時間要大於等於0
        if (frame.delay <= 0) {
            frame.delay = 10;
        }
        [overlayArray addObject:UIGraphicsGetImageFromCurrentImageContext()];
        
        // 設定最後顯示大小
        lastFrame = frame;
        
        //
        switch (frame.disposalMethod)
        {
            case 2:
                CGContextSaveGState(ctx);
               
                CGContextScaleCTM(ctx, 1.0, -1.0);
                CGContextTranslateCTM(ctx, 0.0, -size.height);
                // 清除上下文
                CGContextClearRect(ctx, clipRect);
                // 重設上下文
                CGContextRestoreGState(ctx);
                break;
            case 3:
                CGContextSaveGState(ctx);
                
                CGContextScaleCTM(ctx, 1.0, -1.0);
                CGContextTranslateCTM(ctx, 0.0, -size.height);
              
                CGContextClearRect(ctx, lastFrame.area);
                
                CGContextDrawImage(ctx, rect, previousCanvas.CGImage);
               
                CGContextRestoreGState(ctx);
                break;
        }
        
       
        i++;
    }
    UIGraphicsEndImageContext();
    
    [self setImage:[overlayArray objectAtIndex:0]];
    [self setAnimationImages:overlayArray];
    
   
    
  //gif總共播放時間
    double total = 0;
    for (AnimatedGifFrame *frame in GIF_frames) {
        total += frame.delay;
    }
    
    // gif的針數大概為1/100一秒
    // UIImage來播放
    [self setAnimationDuration:total/100];
    
    // 設定是否迴圈
    [self setAnimationRepeatCount:0];
    
    [self startAnimating];
}
 

裡面使用了很多c語言，主要就是拿來判斷是否為gif，和解析gif