美文网首页iOS学习iOS DeveloperIT好文
[UIImage系列]-图片jpg和png格式的转化以及gif图

[UIImage系列]-图片jpg和png格式的转化以及gif图

作者: 无意惹东风 | 来源:发表于2017-03-16 11:26 被阅读872次

    忙里偷闲写篇小文。

    本文讲述关于iOS中处理图片的相关问题。
    通常情况下,我们处理的图片多为png或者jpg格式的,所以在此我们先看看关于这两种格式的图片的显示、获取以及相互转化。
    首先导入头文件

    #import <ImageIO/ImageIO.h>
    #import <MobileCoreServices/MobileCoreServices.h>
    
    UIImage *image = [UIImage imageNamed:@"myopic.jpg"];
        
    // 将图片保存到手机相册
    UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil);
    

    上述便是将名为mypic.jpg的图片保存至手机相册的基本操作。

    接下来看看如果有一个jpg格式的图片,我们怎么将其转化为png的格式:

    UIImage *image = [UIImage imageNamed:@"pic.jpg"];
    NSData *data = UIImagePNGRepresentation(image);
    UIImage *image_png = [UIImage imageWithData:data];
    UIImageWriteToSavedPhotosAlbum(image_png, nil, nil, nil);
    

    其实可以看出我们基本的思路可以分为:
    1.获取需要处理的图片
    2.将图片转化为NSData类型的数据
    3.通过“imageWithData”的方式将图片读取
    在转化为NSData类型的时候就是我们去选择转为png或者jpg格式的时候、具体为:
    UIImagePNGRepresentation (image)和UIImageJPEGRepresentation(image, scale)

    以下为png格式和jpg格式转化为jpg格式的处理方式:

        UIImage *image = [UIImage imageNamed:@"pic1.png"];
        // 图片的质量因子
        // 质量因子越小、生成的jpg图片size越小、清晰度越低
        NSData *data = UIImageJPEGRepresentation(image, 1);
        UIImage *image_jpg = [UIImage imageWithData:data];
        UIImageWriteToSavedPhotosAlbum(image_jpg, nil, nil, nil);
        
        
        UIImage *image2 = [UIImage imageNamed:@"pic1.jpg"];
        // 图片的尺寸
        NSData *data2 = UIImageJPEGRepresentation(image2, 0.5);
        UIImage *image_jpg2 = [UIImage imageWithData:data2];
        UIImageWriteToSavedPhotosAlbum(image_jpg2, nil, nil, nil);
    

    由此也可看出、png格式的图片质量是无损的,并且透明,而jpg格式的图片因为我们可以去设置他的质量因子,故而会造成图片质量的消损。

    然后我们再看看关于gif格式图片的处理。

    iOS原生是不支持gif格式的图片的,但是因为gif的图片其实可以看作是一张张图片通过动画桢组合而成,故而我们可以通过这种思路进行相应的处理。
    主要步骤可以分为以下四步:

    1. 获取需要处理的gif图片
    2. 将gif图片分解为单帧
    3. 将单帧数据转为UIImage
    4. 保存单帧图片

    具体的代码如下示:

        // 获取需要处理的gif图片文件
        NSString *gifPathsource = [[NSBundle mainBundle] pathForResource:@"pic3" ofType:@"gif"];
        // 将拿到的gif文件转化为NSData类型
        NSData *data = [NSData dataWithContentsOfFile:gifPathsource];
        // 将NSData类型数据转为CGImageSourceRef类型
        CGImageSourceRef source = CGImageSourceCreateWithData((__bridge CFDataRef)data, NULL);
        
        NSMutableArray *imageArray = [NSMutableArray array];
        // 分解为单帧图片
        size_t count = CGImageSourceGetCount(source);
        for (size_t i=0; i < count; i++) {
            
            // 获取到的单帧数据
            CGImageRef imageRef = CGImageSourceCreateImageAtIndex(source, i, NULL);
            // 将单帧数据转化为UIImage数据
            UIImage *image = [UIImage imageWithCGImage:imageRef scale:[UIScreen mainScreen].scale orientation:UIImageOrientationUp];
            [imageArray addObject:image];
            // 释放缓存
            CGImageRelease(imageRef);
            
        }
        // 释放缓存
        CFRelease(source);
        
        // 保存单帧图片
        int i = 0;
        for (UIImage *image in imageArray) {
            
            NSData *data = UIImagePNGRepresentation(image);
            // 获取本地文件夹的路径
            NSArray *path = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
            
            NSString *gifPath = path[i];
            
            NSString *pathNum = [gifPath stringByAppendingString:[NSString stringWithFormat:@"%d.png",i]];
            
            [data writeToFile:pathNum atomically:YES];
            
            i++;
        }
    

    上面便是将gif图片进行分解、变成一帧桢的图片(需要注意的是:我们要记得对获取到的CGImageRef数据和CGImageSourceRef数据进行释放)。然后我们可以再将这些单帧图片通过UIImageView来显示在屏幕上。

        NSMutableArray *imageArray = [[NSMutableArray alloc] init];
        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 100, 200, 150)];
        [self.view addSubview:imageView];
        
        for (int i = 0; i < 50; i++) {
            UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"pic_%d.jpg",i]];
            [imageArray addObject:image];
        }
        
        // 设置动画相关属性
        [imageView setAnimationImages:imageArray];
        [imageView setAnimationRepeatCount:5];
        [imageView setAnimationDuration:2];
        // 开始执行动画
        [imageView startAnimating];
    

    可以看出这里其实就是利用Animation的动画方式进行展示的。

    下面是gif图片的合成:

        // 1.获取图片数据
        NSMutableArray *imageArray = [NSMutableArray arrayWithObjects:[UIImage imageNamed:@"pic1.jpg"],[UIImage imageNamed:@"pic2.jpg"],[UIImage imageNamed:@"pic3.jpg"],[UIImage imageNamed:@"pic4.jpg"],[UIImage imageNamed:@"pic5.jpg"], nil];
        
        // 2.创建gif文件
        NSArray *document = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
        NSString *docString = [document objectAtIndex:0];
        NSFileManager *fileManager = [NSFileManager defaultManager];
        NSString *pathString = [docString stringByAppendingString:@"/gif"];
        [fileManager createDirectoryAtPath:pathString withIntermediateDirectories:YES attributes:nil error:nil];
        NSString *path = [pathString stringByAppendingString:@"test1.gif"];
        NSLog(@"path:%@",path);
        
        // 3.配置gif属性
        CGImageDestinationRef destion;
        // 将 path 映射成 CFURLRef 的路径
        CFURLRef url = CFURLCreateWithFileSystemPath(kCFAllocatorDefault, (CFStringRef)path, kCFURLPOSIXPathStyle, false);
        destion = CGImageDestinationCreateWithURL(url, kUTTypeGIF, imageArray.count, NULL);
        
        NSDictionary *dict = [NSDictionary dictionaryWithObject:[NSMutableDictionary dictionaryWithObjectsAndKeys:[NSNumber numberWithFloat:0.3],(NSString *)kCGImagePropertyGIFDelayTime, nil] forKey:(NSString *)kCGImagePropertyGIFDelayTime];
        
        NSMutableDictionary *mutDict = [NSMutableDictionary dictionaryWithCapacity:2];
        [mutDict setObject:[NSNumber numberWithBool:YES] forKey:(NSString *)kCGImagePropertyGIFHasGlobalColorMap];
        [mutDict setObject:(NSString *)kCGImagePropertyColorModelRGB forKey:(NSString *)kCGImagePropertyColorModel];
        [mutDict setObject:[NSNumber numberWithInt:8] forKey:(NSString *)kCGImagePropertyDepth];
        [mutDict setObject:[NSNumber numberWithInt:0] forKey:(NSString *)kCGImagePropertyGIFLoopCount];
        NSDictionary *gifPropertyDict = [NSDictionary dictionaryWithObject:mutDict forKey:(NSString *)kCGImagePropertyGIFDictionary];
        
        // 单帧添加到gif
        for (UIImage *image in imageArray) {
            
            CGImageDestinationAddImage(destion, image.CGImage, (__bridge CFDictionaryRef)dict);
            
        }
        CGImageDestinationSetProperties(destion, (__bridge CFDictionaryRef)gifPropertyDict);
        CGImageDestinationFinalize(destion);
        CFRelease(destion);
    

    以上就是对iOS中图片处理的一些总结。希望可以对大家有所帮助。

    我是姣爷、我在简书、加油!

    相关文章

      网友评论

        本文标题:[UIImage系列]-图片jpg和png格式的转化以及gif图

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