美文网首页收藏ios
图片合成、GIF图片的合成与解析

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

作者: 宇文袥 | 来源:发表于2019-03-01 15:48 被阅读4次
    一、普通图片合成(两张以上才有意义)

    主要步骤:

    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图像)

    参考链接
    iOS把两张图片合成一张图片
    iOS多张图片合成
    iOS 的 GIF 动画效果实现(Swift)
    iOS中GIF图片的分解、合成与显示(Swift)
    iOS中GIF图片的解析+合成(获取图片信息)
    iOS 沙盒路径/创建文件夹

    相关文章

      网友评论

        本文标题:图片合成、GIF图片的合成与解析

        本文链接:https://www.haomeiwen.com/subject/inmruqtx.html