如果你还不了解
CoreImage
滤镜的话请移步上一遍文章多彩的图片(1) -- Core Image 滤镜
我们这次的Demo使用CICrystallize
和CIGaussianBlur
两个滤镜来演示如何实现滤镜链。
那你可能要问了,什么是滤镜链呢?虽然苹果官方为我们提供了一百八十多种滤镜,但是要想得到一张绚丽的图片,往往单靠一个滤镜很难实现,需要至少两个以上的滤镜效果叠加才可以。在第一个滤镜效果设置好后,不进行渲染,直接创建第二个滤镜效果,直至最终达到效果后,再进行图像渲染,这就是所谓的滤镜链。我们来看如下代码:
UIImage *demoImg = [UIImage imageNamed:@"HS"];
// 1. 利用UIImage对象,创建一个CIImage
CIImage *ciImage = [[CIImage alloc] initWithImage:demoImg];
// 2. 创建第一个CIFilter(滤镜)
CIFilter *ciFilterOne = [CIFilter filterWithName:@"CICrystallize"];
[ciFilterOne setValue:ciImage forKey:kCIInputImageKey];
[ciFilterOne setDefaults];
// 对第一个滤镜设置参数
[ciFilterOne setValue:[CIVector vectorWithX:200 Y:200] forKey:kCIInputCenterKey];
[ciFilterOne setValue:@(50) forKey:kCIInputRadiusKey];
// 创建第二个滤镜
CIFilter *ciFilterTwo = [CIFilter filterWithName:@"CIGaussianBlur"];
// 利用第一个滤镜 ciFilterOne.outputImage 来创建第二个滤镜
[ciFilterTwo setValue:ciFilterOne.outputImage forKey:kCIInputImageKey];
[ciFilterTwo setDefaults];
[ciFilterTwo setValue:@(20) forKey:kCIInputRadiusKey];
// 3. 创建绘制上下文CIContext 这里默认CPU渲染
CIContext *ciContext = [[CIContext alloc] initWithOptions:nil];
// 创建CGImage句柄
CGImageRef cgImage = [ciContext createCGImage:[ciFilterTwo outputImage] fromRect:[[ciFilterTwo outputImage] extent]];
UIImageView *demoImgView = [[UIImageView alloc] initWithImage:[UIImage imageWithCGImage:cgImage]];
demoImgView.frame = CGRectMake(20, 90, 365, 210);
[self.view addSubview:demoImgView];
// 释放句柄
CGImageRelease(cgImage);
如代码所示,在创建了第一个滤镜ciFilterOne
后,直接使用outputImage
获取到添加了滤镜的CIImage
对象创建第二个滤镜。
本案例与上一篇文章:多彩的图片(1) -- Core Image 滤镜的案例都使用的是CPU
渲染,相对GPU
渲染会慢一些,渲染内容过多的话会造成手机卡顿。在这种情况下,我们会选择使用GPU
渲染,速度更快。下一篇文章会介绍如何使用Core Image
进行GPU
渲染。