如果你還不了解CoreImage濾鏡的話請(qǐng)移步上一遍文章多彩的圖片（1） -- Core Image 濾鏡

我們這次的Demo使用CICrystallize和CIGaussianBlur兩個(gè)濾鏡來演示如何實(shí)現(xiàn)濾鏡鏈。

那你可能要問了，什么是濾鏡鏈呢？雖然蘋果官方為我們提供了一百八十多種濾鏡，但是要想得到一張絢麗的圖片，往往單靠一個(gè)濾鏡很難實(shí)現(xiàn)，需要至少兩個(gè)以上的濾鏡效果疊加才可以。在第一個(gè)濾鏡效果設(shè)置好后，不進(jìn)行渲染，直接創(chuàng)建第二個(gè)濾鏡效果，直至最終達(dá)到效果后，再進(jìn)行圖像渲染，這就是所謂的濾鏡鏈。我們來看如下代碼：

UIImage *demoImg = [UIImage imageNamed:@"HS"];
// 1. 利用UIImage對(duì)象，創(chuàng)建一個(gè)CIImage
CIImage *ciImage = [[CIImage alloc] initWithImage:demoImg];
// 2. 創(chuàng)建第一個(gè)CIFilter（濾鏡）
CIFilter *ciFilterOne = [CIFilter filterWithName:@"CICrystallize"];
[ciFilterOne setValue:ciImage forKey:kCIInputImageKey];
[ciFilterOne setDefaults];
// 對(duì)第一個(gè)濾鏡設(shè)置參數(shù)
[ciFilterOne setValue:[CIVector vectorWithX:200 Y:200] forKey:kCIInputCenterKey];
[ciFilterOne setValue:@(50) forKey:kCIInputRadiusKey];
    
// 創(chuàng)建第二個(gè)濾鏡
CIFilter *ciFilterTwo = [CIFilter filterWithName:@"CIGaussianBlur"];
// 利用第一個(gè)濾鏡 ciFilterOne.outputImage 來創(chuàng)建第二個(gè)濾鏡
[ciFilterTwo setValue:ciFilterOne.outputImage forKey:kCIInputImageKey];
[ciFilterTwo setDefaults];
[ciFilterTwo setValue:@(20) forKey:kCIInputRadiusKey];
    
// 3. 創(chuàng)建繪制上下文CIContext 這里默認(rèn)CPU渲染
CIContext *ciContext = [[CIContext alloc] initWithOptions:nil];
// 創(chuàng)建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);

如代碼所示，在創(chuàng)建了第一個(gè)濾鏡ciFilterOne后，直接使用outputImage獲取到添加了濾鏡的CIImage對(duì)象創(chuàng)建第二個(gè)濾鏡。

@對(duì)比效果

本案例與上一篇文章：多彩的圖片（1） -- Core Image 濾鏡的案例都使用的是CPU渲染，相對(duì)GPU渲染會(huì)慢一些，渲染內(nèi)容過多的話會(huì)造成手機(jī)卡頓。在這種情況下，我們會(huì)選擇使用GPU渲染，速度更快。下一篇文章會(huì)介紹如何使用Core Image進(jìn)行GPU渲染。