iOS开发之滤镜的使用技巧

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

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

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

推荐阅读更多精彩内容