美文网首页iOS学习笔记OSiOS TipsiOS
iOS开发之滤镜的使用技巧

iOS开发之滤镜的使用技巧

作者: IOS_龙 | 来源:发表于2016-03-26 15:55 被阅读3132次

    一、滤镜的内容和效果是比较多并且复杂的 ,学习滤镜需要技巧 如下:

    两个输出语句解决滤镜的属性选择问题:

    • 1.查询效果分类中包含什么效果
      按住command 点击CIFilter 进入接口文件 找到第128行-148行全部都是 效果分类
    • 2.选择其中某一个分类拷贝
      NSLog -> [CIFilter filterNamesInCategory:刚才拷贝的分类]; -> 打印出来的 是这个分类包含的所有效果 -> 拷贝选择其中的某一个效果
    • 3.查询使用的效果中可以设置什么属性(KVC) attributes
      NSLog -> [CIFilter filterWithName:刚才拷贝选择其中的某一个效果].attributes ->得到这个滤镜所有可以设置的属性

    二、了解滤镜的相关介绍

    介绍

    • 1.框架介绍
      (1)CoreImage
      (2)是一个图像框架 它基于OpenGL顶层创建 底层则用着色器来处理图像
      (3)它利用了GPU基于硬件加速来处理图像
      (4)CoreImage中有很多滤镜
      (5)它们能够一次给予一张图像或者视频帧多种视觉效果 -> 滤镜链
      (6)而且滤镜可以连接起来组成一个滤镜链 把滤镜效果叠加起来处理图像
    • 2.类的介绍
      (1)CIImage:保存图像数据的类 CGImageRef->图像中的数据
      (2).CIFilter:滤镜类 图片属性进行细节处理的类 它对所有的像素进行操作 用键-值(KVC)来设置
      (3).CIContext:上下文是实现对图像处理的具体对象 -> 滤镜对象输出的图像并不是合成之后的图像 需要使用图像处理的上下文合并处理的图像
    • 3.效果介绍
    • 按效果分类:
      kCICategoryDistortionEffect 扭曲效果,比如bump、旋转、hole
      kCICategoryGeometryAdjustment 几何开着调整,比如仿射变换、平切、透视转换
      kCICategoryCompositeOperation 合并,比如源覆盖(source over)、最小化、源在顶(source atop)、色彩混合模式
      kCICategoryHalftoneEffect Halftone效果,比如screen、line screen、hatched
      kCICategoryColorAdjustment 色彩调整,比如伽马调整、白点调整、曝光
      kCICategoryColorEffect 色彩效果,比如色调调整、posterize
      kCICategoryTransition 图像间转换,比如dissolve、disintegrate with mask、swipe
      kCICategoryTileEffect 瓦片效果,比如parallelogram、triangle
      kCICategoryGenerator 图像生成器,比如stripes、constant color、checkerboard
      kCICategoryGradient 渐变,比如轴向渐变、仿射渐变、高斯渐变
      kCICategoryStylize 风格化,比如像素化、水晶化
      kCICategorySharpen 锐化、发光
    • kCICategoryBlur 模糊,比如高斯模糊、焦点模糊、运动模糊
    • 按使用场景分类:
      kCICategoryStillImage 用于静态图像
      kCICategoryVideo 用于视频
      kCICategoryInterlaced 用于交错图像
      kCICategoryNonSquarePixels 用于非矩形像素
      kCICategoryHighDynamicRange 用于HDR

    三、使用步骤

    1.实例CIImage -> 先把UIImage -> CGImageRef -> CIImage
    2.创建CIFilter滤镜并给滤镜设置属性(KVC)
    3.创建CIContext上下文
    4.初始化一个CGImageRef 输出图片对象 合并滤镜输出的图像
    5.赋给UIImage对象进行显示
    6.如果想使用滤镜链 可以再次添加效果

    四、一个实例解析 滤镜 滤镜链 保存图片

    代码示例:
    #import "ViewController.h"//宏定义 屏幕的宽
    #define SCREEN_WIDTH CGRectGetWidth([UIScreen mainScreen].bounds)

        //注意挂上代理
        @interface ViewController ()    <UIImagePickerControllerDelegate,UINavigationControllerDelegate>
        {
    
            UIImageView *myImageView;//接收图片的视图
            UIButton *photoButton;//从本地相册选择图片的按钮
            UIButton *filterButton;//添加滤镜的按钮
            UIButton *saveButton;//滤镜后保存到本地相册的按钮
        }
        @end
        @implementation ViewController
        - (void)viewDidLoad {
        [super viewDidLoad];
       //去除导航栏的高度
           self.edgesForExtendedLayout = UIRectEdgeNone;
       //设置背景色
           self.view.backgroundColor = [UIColor greenColor];
    
       //    创建按钮
           NSArray *titleButtonList = @[@"photo",@"Filter",@"save"];
           for (int i=0; i<titleButtonList.count; i++) {
               UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
        button.frame = CGRectMake(20+80*i, 20, 60, 40);
        [button setTitle:titleButtonList[i] forState:UIControlStateNormal];
        button.tag = 10 +i ;
        [button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        button.backgroundColor = [UIColor cyanColor];
        [self.view addSubview:button];
               }
    
           //    初始化图片视图
               myImageView = [[UIImageView alloc]initWithFrame:CGRectMake(20, 100, SCREEN_WIDTH-40, 300)];
               myImageView.backgroundColor = [UIColor cyanColor];
               [self.view addSubview:myImageView];
    
               photoButton = [self.view viewWithTag:10];
               filterButton = [self.view viewWithTag:11];
               saveButton = [self.view viewWithTag:12];
    
           //    给三个按钮添加触发事件
               [photoButton addTarget:self action:@selector(photoAction:) forControlEvents:UIControlEventTouchUpInside];
           //    滤镜按钮
               [filterButton addTarget:self action:@selector(filterAction:) forControlEvents:UIControlEventTouchUpInside];
           //保存滤镜后图片的按钮
               [saveButton addTarget:self action:@selector(saveAction:) forControlEvents:UIControlEventTouchUpInside];
    
           }
           //选择图片
           - (void)photoAction:(UIButton *)sender{
               UIImagePickerController *pickerController = [[UIImagePickerController alloc]init];
               pickerController.delegate = self;
               [self presentViewController:pickerController animated:YES completion:nil];
           }
    
           //把图片放在图片视图上
           - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary<NSString *,id> *)info{
               UIImage *image = info[UIImagePickerControllerOriginalImage];
               myImageView.image = image;
               [self dismissViewControllerAnimated:YES completion:nil];
           }
    
           //滤镜按钮的触发方法
           - (void)filterAction:(UIButton *)sender{
    
           //    1.源图
               CIImage *inputImage = [CIImage imageWithCGImage:myImageView.image.CGImage];
           //    2.滤镜
               CIFilter *filter = [CIFilter filterWithName:@"CIColorMonochrome"];
           //    NSLog(@"%@",[CIFilter filterNamesInCategory:kCICategoryColorEffect]);//注意此处两个输出语句的重要作用
                NSLog(@"%@",filter.attributes);
    
               [filter setValue:inputImage forKey:kCIInputImageKey];
    
               [filter setValue:[CIColor colorWithRed:1.000 green:0.165 blue:0.176 alpha:1.000] forKey:kCIInputColorKey];
               CIImage *outImage = filter.outputImage;
               [self addFilterLinkerWithImage:outImage];
    
           }
    
           //再次添加滤镜  形成滤镜链
           - (void)addFilterLinkerWithImage:(CIImage *)image{
    
               CIFilter *filter = [CIFilter filterWithName:@"CISepiaTone"];
               [filter setValue:image forKey:kCIInputImageKey];
               [filter setValue:@(0.5) forKey:kCIInputIntensityKey];
    
           //    在这里创建上下文  把滤镜和图片进行合并
               CIContext *context = [CIContext contextWithOptions:nil];
               CGImageRef resultImage = [context createCGImage:filter.outputImage fromRect:filter.outputImage.extent];
               myImageView.image = [UIImage imageWithCGImage:resultImage];
    
           }
    
           //保存滤镜后的图片到本地相册
           - (void)saveAction:(UIButton *)sender{
               UIImageWriteToSavedPhotosAlbum(myImageView.image, self, @selector(image:didFinishSavingWithError:contextInfo:), nil);
           }
    
           //保存成功调用的方法
           - (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo{
               NSLog(@"保存成功");
           }
           @end

    相关文章

      网友评论

      • 双子座的小小杂货铺:为什么加了滤镜以后,图片会旋转啊,没看到设置旋转的代码啊
        NotFunGuy:你好 这个问题我遇到过 是因为图片的imageOrientation属性改变了,要让他不旋转 需要将输出图片的方法UIImage * image = [UIImage imageWithCGImage:resultImage]换为:UIImage * image = [UIImage imageWithCGImage:resultImage scale:soucreImage.scale orientation:soucreImage.imageOrientation] 这样拿到的imageOrientation就是原来的方向
      • Cc丶Lucky:作者你好。请问源码可以看下吗?
      • 0x00chen:CI internal error, type mismatch for kernel '_colorMonochrome' parameter 1. Expected CIColor or CIVector. Got UIDeviceRGBColor. 楼主 这是什么错误呢

      本文标题:iOS开发之滤镜的使用技巧

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