iOS GIF 格式动画 图片显示

iOS GIF 格式动画 图片显示

标签： ios动画uiimageview图片
2014-02-09 23:04 7984人阅读 评论(2) 收藏 举报


 分类：
 

iOS（6） 


版权声明：本文为博主原创文章，未经博主允许不得转载。

在 iOS 开发中，我们常使用 SDK 中的 UIImageView 显示图片，使用 UIImage 解码图片文件或数据，其支持 PNG， JEPG，
BMP， GIF 等格式。其中 GIF 图片不支持动画。

如果中 iOS 中显示 GIF 动画图片，则需要自己实现。具体实现方式很简单，使用 SDK 中的 Image I/O framework 解码图片，读取 GIF 动画图片的帧数，显示时间。

然后使用 SDK 中的 quartzcore framework 中的 core animation 的 CAKeyFrameAnimation 类对 CALayer 执行动画。 

1. 解码图片，在  iOS Create an CGImageSource 文章已经介绍了如何使用 Image I/O framework 进行图片解码。

2. 读取 GIF 动画图片的每一帧图片及显示时间，并保存成数组：

[objc] view
plain copy

 





size_t imageCount = CGImageSourceGetCount(cImageSource);  

    NSMutableArray *images = [[NSMutableArray alloc] initWithCapacity:imageCount];  

    NSMutableArray *times = [[NSMutableArray alloc] initWithCapacity:imageCount];  

    NSMutableArray *keyTimes = [[NSMutableArray alloc] initWithCapacity:imageCount];  

      

    float totalTime = 0;  

    for (size_t i = 0; i < imageCount; i++) {  

        CGImageRef cgimage= CGImageSourceCreateImageAtIndex(cImageSource, i, NULL);  

        [images addObject:(__bridge id)cgimage];  

        CGImageRelease(cgimage);  

     

        NSDictionary *properties = (__bridge NSDictionary *)CGImageSourceCopyPropertiesAtIndex(cImageSource, i, NULL);  

        NSDictionary *gifProperties = [properties valueForKey:(__bridge NSString *)kCGImagePropertyGIFDictionary];  

        NSString *gifDelayTime = [gifProperties valueForKey:(__bridge NSString* )kCGImagePropertyGIFDelayTime];  

        [times addObject:gifDelayTime];  

        totalTime += [gifDelayTime floatValue];  

          

        _size.width = [[properties valueForKey:(NSString*)kCGImagePropertyPixelWidth] floatValue];  

        _size.height = [[properties valueForKey:(NSString*)kCGImagePropertyPixelHeight] floatValue];  

    }  

      

    float currentTime = 0;  

    for (size_t i = 0; i < times.count; i++) {  

        float keyTime = currentTime / totalTime;  

        [keyTimes addObject:[NSNumber numberWithFloat:keyTime]];  

        currentTime += [[times objectAtIndex:i] floatValue];  

    }  

3. 执行 CAKeyFrameAnimation 动画

[objc] view
plain copy

 





CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"contents"];  

    [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear]];  

    [animation setValues:images];  

    [animation setKeyTimes:keyTimes];  

    animation.duration = totalTime;  

    animation.repeatCount = HUGE_VALF;  

    [self.layer addAnimation:animation forKey:@"gifAnimation"];  

完成！