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.如果想使用滤镜链  可以再次添加效果

 四、一个实例解析  滤镜  滤镜链  保存图片

代码示例:

//
//  ViewController.m
//  练习滤镜
//
//  Created by 王龙 on 16/3/24.
//  Copyright © 2016年 Larry(Lawrence). All rights reserved.
//

#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(@"保存成功");
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

 

posted @ 2016-03-24 20:59  My_blogs龙  阅读(470)  评论(0编辑  收藏  举报