iOS开发之滤镜的使用技巧
2016-03-26 本文已影响3132人
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
