iOS--使用UIImageView进行GIF动图播放

大家好,好久没有跟新了。其实也就昨天到今天的时间。

前言:实际上,GIF动图文件中包含了一组图片及其信息数组,这些信息数据记录着这一组图片中各张图片的播放时长等信息,我们可以将图片和这些信息或取出来,使用UIImageView的帧动画技术进行动画播放。

好了不多说了  开始上代码吧:

首先自己找一个GIF图吧,拖到工程里面。

- (void)createGIF {

UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 100, 280, 200)];

[self.view addSubview:imageView];

//1.找到gif文件路径

NSString *dataPath = [[NSBundle mainBundle]pathForResource:@"11" ofType:@"gif"];

//2.获取gif文件数据

CGImageSourceRef source = CGImageSourceCreateWithURL((CFURLRef)[NSURL fileURLWithPath:dataPath], NULL);

//3.获取gif文件中图片的个数

size_t count = CGImageSourceGetCount(source);

//4.定义一个变量记录gif播放一轮的时间

float allTime = 0;

//5.定义一个可变数组存放所有图片

NSMutableArray *imageArray = [[NSMutableArray alloc] init];

//6.定义一个可变数组存放每一帧播放的时间

NSMutableArray *timeArray = [[NSMutableArray alloc] init];

//7.每张图片的宽度

NSMutableArray *widthArray = [[NSMutableArray alloc] init];

//8.每张图片的高度

NSMutableArray *heightArray = [[NSMutableArray alloc] init];

//遍历gif

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

CGImageRef image = CGImageSourceCreateImageAtIndex(source, i, NULL);

[imageArray addObject:(__bridge UIImage *)(image)];

CGImageRelease(image);

//获取图片信息

NSDictionary *info = (__bridge NSDictionary *)CGImageSourceCopyPropertiesAtIndex(source, i, NULL);

NSLog(@"info---%@",info);

//获取宽度

CGFloat width = [[info objectForKey:(__bridge NSString *)kCGImagePropertyPixelWidth] floatValue];

//获取高度

CGFloat height = [[info objectForKey:(__bridge NSString *)kCGImagePropertyPixelHeight] floatValue];

//

[widthArray addObject:[NSNumber numberWithFloat:width]];

[heightArray addObject:[NSNumber numberWithFloat:height]];

//统计时间

NSDictionary *timeDic = [info objectForKey:(__bridge NSString *)kCGImagePropertyGIFDictionary];

CGFloat time = [[timeDic objectForKey:(__bridge NSString *)kCGImagePropertyGIFDelayTime] floatValue];

[timeArray addObject:[NSNumber numberWithFloat:time]];

}

//添加帧动画

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

NSMutableArray *times = [[NSMutableArray alloc] init];

float currentTime = 0;

//设置每一帧的时间占比

for (int i=0; i<imageArray.count; i++) {

[times addObject:[NSNumber numberWithFloat:currentTime/allTime]];

currentTime +=[timeArray[i] floatValue];

}

[animation setKeyTimes:times];

[animation setValues:imageArray];

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

//设置循环

animation.repeatCount = MAXFLOAT;

//设置播放总时长

animation.duration = allTime*MAXFLOAT;

//Layer层添加

[[imageView layer]addAnimation:animation forKey:@"gifAnimation"];

}

这个是源代码:

iOS--使用UIImageView进行GIF动图播放

iOS--使用UIImageView进行GIF动图播放

iOS--使用UIImageView进行GIF动图播放

iOS--使用UIImageView进行GIF动图播放

下面是我打印出来的信息:

iOS--使用UIImageView进行GIF动图播放

好了,今天就到这里了,谢谢大家的支持。我的简书地址:http://www.jianshu.com/users/795c2ec428fd/latest_articles

另外附上GitHub地址:https://github.com/PengHongMiao

上一篇:IT第七天 - 类及其属性、方法的理解,断点调试初识,代码优化总结,编程逻辑培养


下一篇:控件(按钮类): ButtonBase, Button, HyperlinkButton, RepeatButton, ToggleButton, AppBarButton, AppBarToggleButton