iOS开发之滤镜的使用技巧（CoreImage）

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

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

  • 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
    • 2015年的苹果WWDC大会给着迷于Core Image Filters的开发者带来了一些好消息。（这次大会上）不仅有很多的滤镜，例如由MetalPerformanceShaders支持的模糊滤镜和卷积滤镜，在性能上表现出一些惊人的提升，而且苹果公司已经在iOS和OSX平台上都实现了相同性能的可用图像滤镜。

      这也给了iOS新的图像滤镜，以至于我都等不及把它加到我自己的Nodality应用里面了。这同时也也意味着代码和功能可以在类和设备上分享，我已经在设想一个Nodality的桌面版本了。

      那么，这些新滤镜是神马玩意？ 这么说吧，CIFilter这个类里有类方法filterNamesInCategories()，用来返回一个包含所有可用滤镜的数组。下面快速浏览一下iOS8和9之间的差异吧：

      • CIAreaAverage       - 返回一个单像素图像，其中包含一块颜色区内的平均颜色。
      • CIAreaMaximum       - 返回一个单像素图像，其中包含一块颜色区内最大的颜色成分。
      • CIAreaMaximumAlpha    - 返回一个单像素图像，其中包含颜色区中最大透明度的颜色矢量。
      • CIAreaMinimum       - 返回一个单像素图像，其中包含颜色区中最小颜色成分。
      • CIAreaMinimumAlpha    - 返回一个单像素图像，其中包含颜色区内的最小透明度的颜色矢量。
      • CIBoxBlur          - 在一个矩形内使得图像模糊化。
      • CICircularWrap       - 用一个透明的圆圈环绕图像。
      • CICMYKHalftone       - 创建一个颜色，使得源图像呈半色调，在白色页面中使用使用青色，品红色，黄色和墨色。
      • CIColumnAverage       - 返回一个高为1像素的图像，包含每个扫描列的平均颜色。
      • CIComicEffect        - 像漫画书一样勾勒（图像）边缘，并应用半色调效果。
      • CIConvolution7X7      - 用一个7x7旋转矩阵来调整像素值。
      • CICrystallize        - 通过汇集源像素的颜色值，创建多边形色块。
      • CIDepthOfField        - 模拟一个场景深入的效果。
      • CIDiscBlur          - 在一个圆盘形状内模糊化图像。
      • CIDisplacementDistortion  - 将第二图像的灰度值应用到第一图像。
      • CIDroste             - 用类似M.C.埃舍尔绘图方式递归地绘制图像的一部分。
      • CIEdges              - 用颜色显示图像的边缘。
      • CIEdgeWork            - 产生一个黑白风格的类似木块切口的图像。
      • CIGlassLozenge         - 创建一个菱形滤镜，并扭曲滤镜位置的图像。
      • CIHeightFieldFromMask     - 产生一个连续的三维物体，一个阁楼形的灰场。
      • CIHexagonalPixellate      - 用所替换的像素映射彩色六边形的图像。
      • CIKaleidoscope          - 从源图像中通过将12路对称，产生一个五颜六色的图象。
      • CILenticularHaloGenerator   - 模拟闪光灯效果。
      • CILineOverlay           - 创建草图，用黑色勾勒出图像的边缘。
      • CIMedianFilter           - 计算一组邻近像素的平均数，然后用平均数替代每个像素的值。
      • CINoiseReduction          - 通过降低噪声的限定值来降低噪音。
      • CIOpTile               - 先分割图像，施加一些指定的缩放和旋转，然后拼接图像，形成的艺术化的表现。
      • CIPageCurlTransition       - 使用翻页效果从一个图像转换到另一个图像，翻卷后显示新的图像。
      • CIPageCurlWithShadowTransition  - 使用翻页效果从一个图像转换到另一个图像，翻卷后显示新的图像。
      • CIParallelogramTile         - 展示一个在平行四边形内的图像。
      • CIPassThroughColor
      • CIPassThroughGeom
      • CIPDF417BarcodeGenerator
      • CIPointillize              - 呈现一个pointillistic风格的源图像。
      • CIRippleTransition          - 图像创建一个圆形波从中心点向外扩大，在波形里显示新图像。
      • CIRowAverage              - 返回1个像素高的图像，其中包含每行扫描的平均颜色。
      • CIShadedMaterial            - 从一个高度场产生一个阴影图像。
      • CISpotColor               - 用色点替换颜色范围。
      • CISpotLight               - 图像使用一个方向聚光灯效果呈现。
      • CIStretchCrop              - 图像通过拉伸和或裁剪以适合目标尺寸。
      • CISunbeamsGenerator          - 图像呈现阳光照射的效果。
      • CITorusLensDistortion         - 创建环形滤镜，并扭曲透镜位置的图像。
      • CITriangleTile             - 截取图像的一个三角形部分映射到一个三角形区域，然后平铺展示。
时间： 2024-10-25 04:39:26

iOS开发之滤镜的使用技巧（CoreImage）的相关文章

iOS开发中的那些小技巧

一,前言 看到这个图,你会想起谁?是不是想起了,曾经的用户名输入框,密码输入框... 那么,问题来了:作为iOS开发的你,这个输入框你是怎么实现的,成为关键. 二,方案 方案1:弄一个UIView,在这个视图上分别放三个控件:UIImageView,UILabel与UITextField.(这个方案很直接,如果你只是简单的直接将三个控件放到视图上,那么你的月薪暴露了,最多3K.如果你是对这个视图重写了,将那三个控件封装起来了,放在.h文件,那你的月薪应该是3.5K,如果是将那三个控件放到.m文件

不可不知的：iOS开发的22个诡异技巧

结合自身的实践开发经验总结出了22个iOS开发的小技巧,以非常欢乐的语调轻松解决开发过程中所遇到的各种苦逼难题,光读着便已忍俊不禁. 1. TableView不显示没内容的Cell怎么办? 类似于图1,我不想让下面的那些空显示.很简单,添加“self.tableView.tableFooterView = [[UIView alloc] init];”试过都说好,加完这句之后就变成了图2的样子. 2. 自定义了leftBarbuttonItem左滑返回手势失效了怎么办? self.navigat

iOS开发——Autolayout的实践与技巧

已经好久没有更新博客了,由于最近工作真的非常繁忙,所以就疏于分享了.今天我们来深入交流一下Autolayout的开发与使用.我在  http://blog.csdn.net/CHENYUFENG1991/article/details/47165751, http://blog.csdn.net/CHENYUFENG1991/article/details/47062527,两篇博客中对Autolayout进行了泛泛而谈,没有对深入的使用做进一步的讲解.今天我们就来弥补这方面的空缺.本文的dem

Snail—iOS开发中得一些小技巧

开发中 常常会使父视图的透明度改变,而子视图不受父视图的影响,则下面这段代码可以完美解决.... fatherView.backgroundColor = [[UIColor lightGrayColor] colorWithAlphaComponent:0.6]; 版权声明:本文为博主原创文章,未经博主允许不得转载.

iOS开发 字符串的转化 小技巧

/字典或者数组转化为nsstring NSArray *arr = [NSArray arrayWithObject:@"1"]; NSString *str = [arr JSONString];               //数组或者字典转化为json串 NSArray *arr1 = [str objectFromJSONString];     //json串转化为字典或者数组 NSData *data = [arr1 JSONData];                 /

iOS开发 滤镜的使用

iOS开发之滤镜的使用技巧(CoreImage) 一.滤镜的内容和效果是比较多并且复杂的 ,学习滤镜需要技巧 如下: 两个输出语句解决滤镜的属性选择问题: 1.查询效果分类中包含什么效果按住command 点击CIFilter 进入接口文件 找到第128行-148行全部都是 效果分类 2.选择其中某一个分类拷贝NSLog -> [CIFilter filterNamesInCategory:刚才拷贝的分类]; -> 打印出来的 是这个分类包含的所有效果 -> 拷贝选择其中的某一个效果 3

iOS开发系列--绘图与滤镜全面解析

概述 在iOS中可以很容易的开发出绚丽的界面效果,一方面得益于成功系统的设计,另一方面得益于它强大的开发框架.今天我们将围绕iOS中两大图形.图形绘图框架进行介绍:Quartz 2D绘制2D图形和Core Image中强大的滤镜功能. Quartz 2D 基本图形绘制 视图刷新 其他图形上下文 Core Image Quartz 2D 在iOS中常用的绘图框架就是Quartz 2D,Quartz 2D是Core Graphics框架的一部分,是一个强大的二维图像绘制引擎.Quartz 2D在UI

iOS 开发技巧

快速移除键盘 之前一直是讲view的父类改成control,然后加一个全屏按钮,点击让键盘消失.这个方法要写好多代码,现在一个比较好的方法是重写一个下面的方法: ? 1 2 3 4 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {     [self.view endEditing:YES]; } iOS 开发技巧,布布扣,bubuko.com

iOS开发实用技巧—Objective-C中的各种遍历（迭代）方式

iOS开发实用技巧—Objective-C中的各种遍历(迭代)方式 说明: 1)该文简短介绍在iOS开发中遍历字典.数组和集合的几种常见方式. 2)该文对应的代码可以在下面的地址获得:https://github.com/HanGangAndHanMeimei/Code 一.使用for循环 要遍历字典.数组或者是集合,for循环是最简单也用的比较多的方法,示例如下: 1 //普通的for循环遍历 2 -(void)iteratorWithFor 3 { 4 //////////处理数组/////