iOS-高斯模糊

作者: 轩辕小羽 | 来源:发表于2015-12-10 18:06 被阅读2913次

前言

昨天看到一位简书作者的博客,写的是swift的版的模糊图,正好我做的项目有这个需求,所以就翻译了一版OC语言的


预览图

效果图
#import "ViewController.h"

@interface ViewController ()
/** 展示图片控件 */
@property (weak, nonatomic) IBOutlet UIImageView *imageview;

@property (weak, nonatomic) IBOutlet UIScrollView *scrollview;
/** 背景图片 */
@property (strong, nonatomic) UIImageView *backgroundImageView;
/** 当前图片下标 */
@property (assign, nonatomic)NSInteger index;
@end

@implementation ViewController
- (IBAction)changeImage:(UIButton *)sender {
    // 点击切换图片 偏移量为0
    self.scrollview.contentOffset = CGPointZero;
    _index++;
    if (_index>5) {
        _index = 1;
    }
    [self changeImageWithIndex];
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // 赋初值调用方法
    _index = 1;
    [self changeImageWithIndex];
    
 }
/** 切换图片方法 */
- (void)changeImageWithIndex{
    [_imageview layoutIfNeeded];
    NSString *str = [NSString stringWithFormat:@"%ld",_index];
    self.imageview.image = [UIImage imageNamed:str];
    // 调用高斯模糊方法
    [self creatBlurBackgound:[UIImage imageNamed:str] view:_imageview blurRadius:50];
}
- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
- (void)creatBlurBackgound:(UIImage *)image view:(UIView *)view blurRadius:(CGFloat)blurRadius{
    // 创建属性
    CIImage *cimage = [[CIImage alloc] initWithImage:image];
    // 滤镜效果 高斯模糊
    CIFilter *filter = [CIFilter filterWithName:@"CIGaussianBlur"];
    // 指定过滤照片
    [filter setValue:cimage forKey:kCIInputImageKey];
    // 模糊值
    NSNumber *number = [NSNumber numberWithFloat:blurRadius];
    // 指定模糊值
    [filter setValue:number forKey:@"inputRadius"];
    // 生成图片
    CIContext *context = [CIContext contextWithOptions:nil];
    // 创建输出
    CIImage *result = [filter valueForKey:kCIOutputImageKey];
    // 下面这一行的代码耗费时间内存最多,可以开辟线程处理然后回调主线程给imageView赋值
    CGImageRef cgimage = [context createCGImage:result fromRect:result.extent];
    UIImage *imagea = [UIImage imageWithCGImage:cgimage];

    
    // 赋值图片
    self.backgroundImageView.image = imagea;
    
}
// 懒加载
- (UIImageView *)backgroundImageView{
    if (!_backgroundImageView) {
        // 获取view宽高
        CGFloat w = self.view.frame.size.width;
        CGFloat h = self.view.frame.size.height;
        // 4倍缩放
        _backgroundImageView = [[UIImageView alloc] initWithFrame:CGRectMake(-w/2, -h/2, w, 2*h)];
        // 等比例填充模式
        _backgroundImageView.contentMode = UIViewContentModeScaleAspectFill;
        // 对其
        _backgroundImageView.autoresizingMask = UIViewAutoresizingFlexibleWidth |UIViewAutoresizingFlexibleHeight;
        // 添加到view上
        [self.view insertSubview:_backgroundImageView belowSubview:_scrollview];
    }
    return _backgroundImageView;
}
@end

效果图

高斯模糊图

上代码

scrollView和 button 都是为了换图片看效果才加的,如果只需要模糊效果可以只创建一个imageView
gitHub:https://github.com/Lafree317/iOS-GaussImage
swift版博客地址:http://www.jianshu.com/p/c9083a105921

相关文章

  • iOS-高斯模糊

    前言 昨天看到一位简书作者的博客,写的是swift的版的模糊图,正好我做的项目有这个需求,所以就翻译了一版OC语言...

  • iOS-实现高斯模糊效果(swift)

    给UIImage添加分类

  • Android图片高斯模糊动画

    前言 这里只讲高斯模糊动画的处理,不讨论高斯模糊的处理方式。想看高斯模糊处理的可以参考这个Android 图片高斯...

  • 快速模糊算法

    图片模糊算法有均值模糊和高斯模糊,均值模糊快速但效果不如高斯,高斯模糊效果好但效率慢。 一种快速模糊算法:算法取自...

  • Java实现高斯模糊和图像的空间卷积

    高斯模糊 高斯模糊(英语:Gaussian Blur),也叫高斯平滑,是在Adobe Photoshop、GIMP...

  • 高斯模糊(Gaussian Blur)笔记

    高斯模糊 在我的理解中高斯模糊与高斯滤波器(Gaussian Filter)和高斯平滑(Gaussian Smoo...

  • 高斯模糊

    原文地址:https://github.com/zuiwuyuan/FastBlur_VoiceChat priv...

  • 高斯模糊

    /** *创建需要的毛玻璃特效类型 */ UIBlurEffect*blurEffect = [UIBlurEff...

  • 高斯模糊

    https://blog.csdn.net/qq_34664239/article/details/7916549...

  • 高斯模糊

    参考文献:阮一峰的网络日志通常,图像处理软件会提供"模糊"(blur)滤镜,使图片产生模糊的效果。 "模糊"的算法...

网友评论

  • 叉叉歪大魔王:用 UIVisualEffectView 不就可以了么= =
  • 编程的蚂蚁:你测试一下占的内存,然后再疯狂的点击切换按钮试试,有可能会崩溃的.
    轩辕小羽:@编程的蚂蚁 嗯嗯:smile:
    编程的蚂蚁:@轩辕小羽 嗯,我给你介绍一个第三方,他高斯模糊做的很好,可以共同学习一下。https://github.com/nicklockwood/FXBlurView
    轩辕小羽:@编程的蚂蚁 嗯...确实很占内存,我这个图片是高清的,而且我做的切换图片只是为了看看效果,如果真实开发中用户传的图片,再开个线程应该没什么问题...

本文标题:iOS-高斯模糊

本文链接:https://www.haomeiwen.com/subject/pjryhttx.html