图片合成、GIF图片的合成与解析

一、普通图片合成(两张以上才有意义)

主要步骤:

  1. 创建需要合成的UIImage对象,通过CGImageRef获取image对象尺寸(也可以自由设置)
  2. 创建上下文画布
  3. 把图片依次画在画布指定位置上
  4. 从上下文中获得合并后的图片
  5. 关闭上下文
  6. 释放内存
    相关方法名: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<imagesCount; i++) {
//        CGImageSourceCreateImageAtIndex方法的作用是返回GIF中其中某一帧图像的CGImage类型数据。该方法有三个参数,参数1为GIF原始数据,参数2 为GIF子帧中的序号(该序号从0开始),参数3为GIF数据提取的一些选择参数,因为这里不是很常用,所以设置为nil。
        CGImageRef imageRef = CGImageSourceCreateImageAtIndex(gifSourceRef, i, NULL);
//        以下为UIImage类的方法,这个方法用于实例化UIImage实例对象。该方法有三个参数,参数1为需要构建UIImage的内容,注意这里的内容是CGImage类型,参数2为手机物理像素与手机和手机显示分辨率的换算系数,参数3表明构建的UIImage的图像方向。通过这个方法就可以在某种手机分辨率下构建指定方向的图像,当然图像的类型是UIImage类型。
        UIImage *image = [UIImage imageWithCGImage:imageRef scale:UIScreen.mainScreen.scale orientation:UIImageOrientationUp];
//        通过上述两步已经获取了UIImage,然而UIImage并不是通常我们看到的图像格式,此图像格式最大的特点是无法存储为本地可以查看的图片格式,因此如果需要将图像保存在本地,就需要在这之前将已经得到的UIImage数据类型转换为PNG或者JPG类型的图像数据,然后才能把图像存储到本地。
        NSData *imageData = UIImagePNGRepresentation(image);
         //生成保存路径
        NSFileManager *fileManager = [NSFileManager defaultManager];//文件管理
        NSString *path = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) firstObject];
        NSString *filePath = [path stringByAppendingPathComponent:@"yes"];
        if (![fileManager fileExistsAtPath:filePath]) {//文件夹不存在就创建
             [fileManager createDirectoryAtPath:filePath withIntermediateDirectories:YES attributes:nil error:nil];
        }
        NSString *gifPaths = [filePath stringByAppendingPathComponent:[NSString stringWithFormat:@"gif%d.png",i]];
        [imageData writeToFile:gifPaths atomically:YES];
    }   
}

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 沙盒路径/创建文件夹

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,302评论 5 470
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,232评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,337评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,977评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,920评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,194评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,638评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,319评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,455评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,379评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,426评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,106评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,696评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,786评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,996评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,467评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,043评论 2 341

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,076评论 1 32
  • 一、GIF概念和特点 简介:GIF是一种常用于动画效果的图片格式。GIF的原义是“图像互换格式”,是CompuSe...
    青苹果园阅读 2,097评论 0 3
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,982评论 4 60
  • 一直很少看选秀节目,就连年少时大家都追的“快男快女”也没关注过,没想到一把年纪了,竟然被《创造101》实力圈粉。 ...
    爱乐喔阅读 677评论 1 2
  • 家里的财政大权应该由谁掌管,这一直是人们热议的话题。 女人一般都觉得应由自己掌管财政大权。怕男人有了钱就学坏,怕男...
    燕爱阅读 437评论 1 5