iOS中直接使用Gif图片

今天有两个朋友问我如何直接在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];
}


github位置：点击打开链接
里面使用了很多c语言，主要就是拿来判断是否为gif，和解析gif