一、普通图片合成(两张以上才有意义)
主要步骤:
- 创建需要合成的UIImage对象,通过CGImageRef获取image对象尺寸(也可以自由设置)
- 创建上下文画布
- 把图片依次画在画布指定位置上
- 从上下文中获得合并后的图片
- 关闭上下文
- 释放内存
相关方法名:UIGraphicsBeginImageContext(width,height),开始图片上下文,指定绘制区域<也就是创建画布>
UIGraphicsGetImageFromCurrentImageContext(),得到图片从当前上下文
UIGraphicsEndImageContext(),关闭上下文
- (void)synthesisImage {
UIImage *img = [UIImage imageNamed:@"0.png"];
CGImageRef imgRef = img.CGImage;//用于获取图片尺寸,记得释放内存
CGFloat w = CGImageGetWidth(imgRef);
CGFloat h = CGImageGetHeight(imgRef);
//以1.png的图大小为底图
UIImage *img1 = [UIImage imageNamed:@"1.png"];
CGImageRef imgRef1 = img1.CGImage;
CGFloat w1 = CGImageGetWidth(imgRef1);
CGFloat h1 = CGImageGetHeight(imgRef1);
//以1.png的图大小为画布创建上下文<创建画布>
UIGraphicsBeginImageContext(CGSizeMake(w1, h1));//创建上下文,指定绘制区域,此处是以img1的大小为背景
//在画布中作画
[img1 drawInRect:CGRectMake(0, 0, w1, h1)];//先把1.png 画到上下文中
[img drawInRect:CGRectMake(100, 100, w, h)];//再把小图放在上下文中
UIImage *resultImg = UIGraphicsGetImageFromCurrentImageContext();//从当前上下文中获得最终图片<从画布中取出图片>
UIGraphicsEndImageContext();//关闭上下文,<收回画布>
NSString *path = [NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) lastObject];
NSString *filePath = [path stringByAppendingPathComponent:@"01.png"];//拼接文件路径
[UIImagePNGRepresentation(resultImg) writeToFile:filePath atomically:YES];//写入图片到沙盒
CGImageRelease(imgRef);
CGImageRelease(imgRef1);
}
合成图片.png
GIF的应用场景
GIF在iOS中的使用场景有以下三个方面。
(1)GIF图片分解为单帧图片。
(2)一系列单帧图片合成GIF图片。
(3)iOS系统上展示GIF动画效果。
在GIF的合成和分解方面将会接触到iOS图像处理核心框架ImageIO,作为iOS系统中图像处理的核心框架,它为我们提供了各种丰富的API,本文将要实现的GIF分解与合成功能,通过ImageIO就可以很方便地实现。GIF动画展示效果将结合UIImageView和定时器,利用逐帧展示的方式为大家呈现GIF动画效果。
二、 GIF图片的解析
解析流程.jpg
整个过程划分为5个模块、4个过程,分别如下。
(1)本地读取GIF图片,将其转换为NSdata数据类型。
(2)将NSData作为ImageIO模块的输入。
(3)获取ImageIO的输出数据:UIImage。
(4)将获取到的UIImage数据存储为JPG或者PNG格式保存到本地。
- (void)viewDidLoad {
[super viewDidLoad];
//获取沙盒路径
NSLog(@"%@",NSHomeDirectory());
//gif的分解
NSString *gifPath = [[NSBundle mainBundle] pathForResource:@"GIF1" ofType:@"gif"];
NSData *gifData = [NSData dataWithContentsOfFile:gifPath];
CGImageSourceRef gifSourceRef = CGImageSourceCreateWithData((CFDataRef)gifData, nil);
size_t imagesCount = CGImageSourceGetCount(gifSourceRef);
for (int i = 0; i
GIF1.gif
沙盒目录.png
三、 GIF图片的合成(序列图像合成GIF图像)
从功能上来说,GIF图片的合成分为以下三个主要部分。
(1)加载待处理的67张原始数据源。
(2)在Document目录下构建GIF文件。
(3)设置GIF文件属性,利用ImageIO编码GIF文件。
/* 获取GIF图片信息 */
-(NSDictionary *)getGifInfoFromGifImagePath:(NSString *)filePath{
NSMutableArray *images = [NSMutableArray array]; // 图片数组
NSMutableArray *delays = [NSMutableArray array]; // 每帧对应的延迟时间
NSUInteger loopCount = 0; // 是否重复
CGFloat totalTime; // seconds
CGFloat width;
CGFloat height;
getFrameInfo((__bridge NSString *)((__bridge CFStringRef)(filePath)), images, delays, &totalTime, &width, &height, loopCount);
NSMutableDictionary *gifDic = [NSMutableDictionary dictionary];
gifDic[@"images"] = images;
gifDic[@"delays"] = delays;
gifDic[@"loopCount"] = @(loopCount);
gifDic[@"duration"] = @(totalTime);
gifDic[@"bounds"] = NSStringFromCGRect(CGRectMake(0, 0, width, height));
return gifDic;
}
/* GIF图片解析 */
void getFrameInfo(NSString * string, NSMutableArray *frames, NSMutableArray *delayTimes, CGFloat *totalTime,CGFloat *gifWidth, CGFloat *gifHeight,NSUInteger loopCount)
{
NSData *data = [NSData dataWithContentsOfFile:string];
CGImageSourceRef gifSource = CGImageSourceCreateWithData((CFDataRef)data, nil);
//获取gif的帧数
size_t frameCount = CGImageSourceGetCount(gifSource);
//获取GfiImage的基本数据
NSDictionary *gifProperties = (__bridge NSDictionary *) CGImageSourceCopyProperties(gifSource, NULL);
//由GfiImage的基本数据获取gif数据
NSDictionary *gifDictionary =[gifProperties objectForKey:(NSString*)kCGImagePropertyGIFDictionary];
//获取gif的播放次数 0-无限播放
loopCount = [[gifDictionary objectForKey:(NSString*)kCGImagePropertyGIFLoopCount] integerValue];
CFRelease((__bridge CFTypeRef)(gifProperties));
for (size_t i = 0; i < frameCount; ++i) {
//得到每一帧的CGImage
CGImageRef frame = CGImageSourceCreateImageAtIndex(gifSource, i, NULL);
[frames addObject:[UIImage imageWithCGImage:frame]];
CGImageRelease(frame);
//获取每一帧的图片信息
NSDictionary *frameDict = (__bridge NSDictionary*)CGImageSourceCopyPropertiesAtIndex(gifSource, i, NULL);
//获取Gif图片尺寸
if (gifWidth != NULL && gifHeight != NULL) {
*gifWidth = [[frameDict valueForKey:(NSString*)kCGImagePropertyPixelWidth] floatValue];
*gifHeight = [[frameDict valueForKey:(NSString*)kCGImagePropertyPixelHeight] floatValue];
}
if (frameCount != 1) {
//由每一帧的图片信息获取gif信息
NSDictionary *gifDict = [frameDict valueForKey:(NSString*)kCGImagePropertyGIFDictionary];
//取出每一帧的delaytime
[delayTimes addObject:[gifDict valueForKey:(NSString*)kCGImagePropertyGIFDelayTime]];
if (totalTime) {
*totalTime = *totalTime + [[gifDict valueForKey:(NSString*)kCGImagePropertyGIFDelayTime] floatValue];
}
}
CFRelease((__bridge CFTypeRef)(frameDict));
}
CFRelease(gifSource);
}
根据相关参数设置合成GIF注意也可以直接生成data而不是保存到沙盒
NSArray *delays = [gifDicInfo objectForKey:@"delays"];
//是否循环
NSUInteger loopCount = [[gifDicInfo objectForKey:@"loopCount"] integerValue];
//创建图片路径
NSString *cashPath = [[NSSearchPathForDirectoriesInDomains(NSCachesDirectory, NSUserDomainMask, YES) firstObject] stringByAppendingPathComponent:@"animated11.gif"];
NSURL *url = [NSURL fileURLWithPath:cashPath];
CGImageDestinationRef destination = CGImageDestinationCreateWithURL((CFURLRef)url, kUTTypeGIF, images.count, NULL);
// NSMutableData *data = [NSMutableData data];
// CGImageDestinationRef destination = CGImageDestinationCreateWithData((CFMutableDataRef)data, kUTTypeGIF, images.count, NULL);
NSDictionary *gifDic = @{
(NSString *)kCGImagePropertyGIFLoopCount:[NSNumber numberWithInteger:loopCount]
};
NSDictionary *gifProperties = @{
(NSString *)kCGImagePropertyGIFDictionary:gifDic
};
for (int i = 0; i < images.count; i++) {
UIImage *image = [images objectAtIndex:i];
NSDictionary *gifDict = @{
(NSString *)kCGImagePropertyGIFDelayTime:[delays objectAtIndex:i]
};
NSDictionary *frameProperties = @{
(NSString *)kCGImagePropertyGIFDictionary:gifDict
};
CGImageDestinationAddImage(destination, image.CGImage, (CFDictionaryRef)frameProperties);
CGImageDestinationSetProperties(destination, (CFDictionaryRef)gifProperties);
}
CGImageDestinationFinalize(destination);
CFRelease(destination);
NSLog(@"animated GIF file created at %@", cashPath);
NSMutableArray *array = [NSMutableArray array];
NSData *data = [NSData dataWithContentsOfFile:cashPath];
[array addObject:data];
NSUserDefaults *shared = [[NSUserDefaults alloc] initWithSuiteName:@"group.adfasf"];
[shared setObject:[array copy] forKey:@"data123"];
[shared synchronize];
下一篇更新图片合成的相关进阶
参考链接
iOS把两张图片合成一张图片
iOS多张图片合成
iOS 的 GIF 动画效果实现(Swift)
iOS中GIF图片的分解、合成与显示(Swift)
iOS中GIF图片的解析+合成(获取图片信息)
iOS 沙盒路径/创建文件夹