支付宝后台模糊效果

首先，创建视图。这里我用storyboard拖的。道理是一样的，在这我就示范一下。

然后创建一个UIImage的延展。

//

//  UIImage+Fuzzy.m

//  后台模糊Demo

//

//  Created by fangfang on 15/4/17.

//  Copyright (c) 2015年 Fangfang. All rights reserved.

//

#import "UIImage+Fuzzy.h"

#import <Accelerate/Accelerate.h>

@implementation UIImage (Fuzzy)

- (UIImage *)imageWithFuzzy

{

    return [self imgWithLightAlpha:0.1 radius:10 colorSaturationFactor:1];

}

- (UIImage *)imgWithLightAlpha:(CGFloat)alpha radius:(CGFloat)radius colorSaturationFactor:(CGFloat)colorSaturationFactor

{

    UIColor *tintColor = [UIColor colorWithWhite:1.0 alpha:alpha];

    return [self imgBluredWithRadius:radius tintColor:tintColor saturationDeltaFactor:colorSaturationFactor maskImage:nil];

}

// 内部方法,核心代码,封装了毛玻璃效果 参数:半径,颜色,色彩饱和度

- (UIImage *)imgBluredWithRadius:(CGFloat)blurRadius tintColor:(UIColor *)tintColor saturationDeltaFactor:(CGFloat)saturationDeltaFactor maskImage:(UIImage *)maskImage

{

    

    

    CGRect imageRect = { CGPointZero, self.size };

    UIImage *effectImage = self;

    

    BOOL hasBlur = blurRadius > __FLT_EPSILON__;

    BOOL hasSaturationChange = fabs(saturationDeltaFactor - 1.) > __FLT_EPSILON__;

    if (hasBlur || hasSaturationChange) {

        UIGraphicsBeginImageContextWithOptions(self.size, NO, [[UIScreen mainScreen] scale]);

        CGContextRef effectInContext = UIGraphicsGetCurrentContext();

        CGContextScaleCTM(effectInContext, 1.0, -1.0);

        CGContextTranslateCTM(effectInContext, 0, -self.size.height);

        CGContextDrawImage(effectInContext, imageRect, self.CGImage);

        

        vImage_Buffer effectInBuffer;

        effectInBuffer.data     = CGBitmapContextGetData(effectInContext);

        effectInBuffer.width    = CGBitmapContextGetWidth(effectInContext);

        effectIn