码迷,mamicode.com
首页 > 其他好文 > 详细

CoreImage 中的模糊滤镜

时间:2015-07-13 00:52:06      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:coreimage 中的模糊滤镜   ios   

1.CoreImage 中的模糊滤镜

1.1CoreImage是苹果用来简化图片处理的框架

1.2CIImage、CIFilter与CIContext三者联系

1.3CIGaussianBlur中可能设置的参数

2.UIImage+imageEffects的category模糊效果

3.iOS8中的UIVisualEffectView模糊效果的用法


一、.CoreImage 中的模糊滤镜

- (void)coreImageBlur

{

    //原始图片

    UIImage *image          = [UIImage imageNamed:@"CoreImage"];

    

    //CoreImage部分--------------------

    //CIImage

    CIImage *ciImage        = [[CIImage alloc]initWithImage:image];

    

    //CIFilter

    CIFilter*blurFilter     = [CIFilter filterWithName:@"CIGaussianBlur"];

    

    //将图片输入到滤镜中

    [blurFilter setValue:ciImage forKey:kCIInputImageKey];

    //设置模糊程序

    [blurFilter setValue:@(1) forKey:@"inputRadius"];

    //用业查询滤镜可以设置的参数以及一引起相关的信息

    NSLog(@"%@",[blurFilter attributes]);

    

    //将处理好的图片输出

    CIImage *outCiImage     = [blurFilter valueForKey:kCIOutputImageKey];

    

    //CIContext

    CIContext *context      = [CIContext contextWithOptions:nil];

    //获取CGImage句柄

    CGImageRef outCGImage   = [context createCGImage:outCiImage

                                            fromRect:[outCiImage extent]];

    //最终获取到图片

    UIImage *blurImage      = [UIImage imageWithCGImage:outCGImage];

    //释放CGImage句柄

    CGImageRelease(outCGImage);

    //---------------------------------

    //

    //初始化UIImageView

    UIImageView *imageView = \

    [[UIImageView alloc]initWithFrame:CGRectMake(00590/2.0988/2.0)];

    imageView.image         =  blurImage;

    imageView.center        = self.view.center;

    [self.view addSubview:imageView];

}


二、UIImage+ImageEffects的category 模糊效果

1.UIImage+ImageEffects是Accelerate框架中的内容

2.UIImage+ImageEffects的模糊效果非常美观

3.修改过的UIImage+ImageEffects可以对图片进行局模糊

#import "UIImage+ImageEffects.h"

- (void)effectiveImages

{

    UIImage *sourceImage = [UIImage imageNamed:@"normal"];

    CGSize  imageSize    = sourceImage.size;

    UIImage *blurImage   = [sourceImage blurImageAtFrame:CGRectMake(00, imageSize.width/2, imageSize.height )];

    UIImageView *imageView = [[UIImageView alloc]initWithImage:blurImage];

    imageView.center        = self.view.center;

    [self.view addSubview:imageView];

}

UIImage+ImageEffects 下载地址:http://download.csdn.net/detail/baitxaps/8893093


三、iOS8 中 UIVisualEffectView 模糊效果的使用
1.UIVisualEffectView的模糊效果是即时渲染的
2.要注意处理在UIVisualEffectiView之上的文本显示
3.只能在iOS8以上才能够使用UIVisualEffectiView

- (void)visualEffectImage

{

    UIScrollView *scrollView = [[UIScrollView alloc]initWithFrame:self.view.bounds];

    UIImageView *imageView      = [[UIImageView alloc]initWithImage:[UIImageimageNamed:@"normal"]];

    scrollView.contentSize      = imageView.image.size;

    scrollView.bounces           = NO;

    [scrollView addSubview:imageView];

    [self.view addSubview:scrollView];

    

    /*添加模糊效果*/

    //1.创建模糊View

    UIVisualEffectView *effectView = [[UIVisualEffectView alloc]initWithEffect:[UIBlurEffecteffectWithStyle:UIBlurEffectStyleLight ]];

    

    //2.设定尺寸

    effectView.frame = CGRectMake(0100320200);

    

    //3.添加到View当中

    [self.view addSubview:effectView];

    

    //4.添加显示文本

    UILabel *label = [[UILabel alloc]initWithFrame:effectView.bounds];

    label.text      = @"hello world";

    label.font      = [UIFont systemFontOfSize:32];

    label.textAlignment = NSTextAlignmentCenter;

   // [effectView.contentView addSubview:label];

    

    //5.

    //添加模糊子ViewUIVisualEffectView

    //1.创建出子模糊View

    UIVisualEffectView *subEffectView = [[UIVisualEffectView alloc]initWithEffect:[UIVibrancyEffect effectForBlurEffect:(UIBlurEffect *)effectView.effect]];

    

    //2.设定尺寸

    subEffectView.frame = effectView.bounds;

    //3.将子模糊View添加到effectivecontentView才能生效

    [effectView.contentView addSubview:subEffectView];

    //4.添加要显示的View来达到特殊的效果

    [subEffectView.contentView addSubview:label];

}

四、设计下载图片后自动模糊的控件
1.用KVO监听下载完成后的事件
2.在子线程中进行渲染,主线程中进行图片的加载

3.新建一个下载类,GCD看前面博客文档GCD的封装

@interface BlurDownloadPicView : UIView

@property (nonatomic,strong)NSString *pictureUrlString;//图片下载地址

@property (nonatomic)       UIViewContentMode contentMode;//图片显示方式


//开始执行

- (void)startProgress;

@end


#import "UIImage+ImageEffects.h"

#import "BlurDownloadPicView.h"

#import "GCD.h"


@interface BlurDownloadPicView()

@property (nonatomic,strong)UIImageView *imageView;

@end


@implementation BlurDownloadPicView


- (instancetype)initWithFrame:(CGRect)frame{

    self = [super initWithFrame:frame];

    if (self) {

        //初始化控件

        //最好放一个方法中

        self.imageView = [[UIImageView alloc]initWithFrame:self.bounds];

        self.imageView.alpha = 0.f;

        [self addSubview:self.imageView];

    }

    return self;

}


- (void)startProgress{

    if (self.pictureUrlString) {

        

        [GCDQueue executeInGlobalQueue:^{

            //创建请求

            NSURLRequest *request = [NSURLRequest requestWithURL:

                                     [NSURL URLWithString:self.pictureUrlString]];

            

            //因为是同步请求,会阻塞主线程

            NSData *data = [NSURLConnection sendSynchronousRequest:request

                                                 returningResponse:nil

                                                             error:nil];

            

            UIImage *image = [[UIImage alloc]initWithData:data];

            //对图片进行模糊,会阻塞主线程

            UIImage *blurImage = [image blurImage];

            

            [GCDQueue executeInMainQueue:^{


                [UIView animateWithDuration:1.0 animations:^{

                    self.imageView.alpha = 1.f;

                }];

                self.imageView.image = blurImage;

            }];

        }];

    }

}


@synthesize contentMode = _contentMode;

- (void)setContentMode:(UIViewContentMode)contentMode{

    _contentMode = contentMode;

    self.imageView.contentMode = contentMode;

}


- (UIViewContentMode)contentMode{

    return _contentMode;

}


@end



4.使用

- (void)viewDidLoad {

    [super viewDidLoad];

   //[self coreImageBlur];

   //[self visualEffectImage];

 

    NSString *picUrlString = @"http://t1.mmonly.cc/uploads/allimg/tuku2/14400BR6-0.jpg";

    BlurDownloadPicView *blurDownLoadView = [[BlurDownloadPicView alloc]initWithFrame:self.view.bounds];

    blurDownLoadView.center               = self.view.center;

    [self.view addSubview:blurDownLoadView];

    blurDownLoadView.pictureUrlString = picUrlString;

    blurDownLoadView.contentMode       = UIViewContentModeScaleAspectFill;

    [blurDownLoadView startProgress];

}





版权声明:本文为博主原创文章,未经博主允许不得转载。

CoreImage 中的模糊滤镜

标签:coreimage 中的模糊滤镜   ios   

原文地址:http://blog.csdn.net/baitxaps/article/details/46854969

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!