转自:http://prolove10.blog.163.com/blog/static/138411843201391401054305/
原图:
![ios7新API——实现毛玻璃效果 - prolove10 - AngelLee的博客](http://img1.ph.126.net/qkrjNbp1SD7n295YQabB2Q==/1443122205695756158.png)
效果图:
![ios7新API——实现毛玻璃效果 - prolove10 - AngelLee的博客](http://img1.ph.126.net/MbI08r7l0kdfVpyIj10cPQ==/2053641430181206816.png)
实现:
首先需要导入Accelerate.framework。
然后把两个文件加入到自己的项目中即可。
UIImage+ImageEffects.h
1 2 3 4 5 6 7 8 9 10 11 12 | #import @interfaceUIImage (ImageEffects) -(UIImage*)applyLightEffect; -(UIImage*)applyExtraLightEffect; -(UIImage*)applyDarkEffect; -(UIImage*)applyTintEffectWithColor:(UIColor*)tintColor; -(UIImage*)applyBlurWithRadius:(CGFloat)blurRadius tintColor:(UIColor*)tintColor saturationDeltaFactor:(CGFloat)saturationDeltaFactor maskImage:(UIImage*)maskImage; @end |
UIImage+ImageEffects.m
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 | #import "UIImage+ImageEffects.h" #import #import @implementationUIImage (ImageEffects) -(UIImage*)applyLightEffect { UIColor*tintColor =[UIColor colorWithWhite:1.0 alpha:0.3]; return [ self applyBlurWithRadius:30 tintColor:tintColor saturationDeltaFactor:1.8 maskImage: nil ]; } -(UIImage*)applyExtraLightEffect { UIColor*tintColor =[UIColor colorWithWhite:0.97 alpha:0.82]; return [ self applyBlurWithRadius:20 tintColor:tintColor saturationDeltaFactor:1.8 maskImage: nil ]; } -(UIImage*)applyDarkEffect { UIColor*tintColor =[UIColor colorWithWhite:0.11 alpha:0.73]; return [ self applyBlurWithRadius:20 tintColor:tintColor saturationDeltaFactor:1.8 maskImage: nil ]; } -(UIImage*)applyTintEffectWithColor:(UIColor*)tintColor { constCGFloatEffectColorAlpha=0.6; UIColor*effectColor = tintColor; int componentCount =CGColorGetNumberOfComponents(tintColor.CGColor); if (componentCount ==2){ CGFloat b; if ([tintColor getWhite:&b alpha: NULL ]){ effectColor =[UIColor colorWithWhite:b alpha:EffectColorAlpha]; } } else { CGFloat r, g, b; if ([tintColor getRed:&r green:&g blue:&b alpha: NULL ]){ effectColor =[UIColor colorWithRed:r green:g blue:b alpha:EffectColorAlpha]; } } return [ self applyBlurWithRadius:10 tintColor:effectColor saturationDeltaFactor:-1.0 maskImage: nil ]; } -(UIImage*)applyBlurWithRadius:(CGFloat)blurRadius tintColor:(UIColor*)tintColor saturationDeltaFactor:(CGFloat)saturationDeltaFactor maskImage:(UIImage*)maskImage { // Check pre-conditions. if ( self .size.width <1|| self .size.height <1){ NSLog (@ "*** error: invalid size: (%.2f x %.2f). Both dimensions must be >= 1: %@" , self .size.width, self .size.height, self ); returnnil; } if (! self .CGImage){ NSLog (@ "*** error: image must be backed by a CGImage: %@" , self ); returnnil; } if (maskImage &&!maskImage.CGImage){ NSLog (@ "*** error: maskImage must be backed by a CGImage: %@" , maskImage); returnnil; } 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); effectInBuffer.height =CGBitmapContextGetHeight(effectInContext); effectInBuffer.rowBytes =CGBitmapContextGetBytesPerRow(effectInContext); UIGraphicsBeginImageContextWithOptions( self .size, NO ,[[UIScreen mainScreen] scale]); CGContextRef effectOutContext =UIGraphicsGetCurrentContext(); vImage_Buffer effectOutBuffer; effectOutBuffer.data =CGBitmapContextGetData(effectOutContext); effectOutBuffer.width =CGBitmapContextGetWidth(effectOutContext); effectOutBuffer.height =CGBitmapContextGetHeight(effectOutContext); effectOutBuffer.rowBytes =CGBitmapContextGetBytesPerRow(effectOutContext); if (hasBlur){ // A description of how to compute the box kernel width from the Gaussian // radius (aka standard deviation) appears in the SVG spec: // http://www.w3.org/TR/SVG/filters.html#feGaussianBlurElement // // For larger values of 's' (s >= 2.0), an approximation can be used: Three // successive box-blurs build a piece-wise quadratic convolution kernel, which // approximates the Gaussian kernel to within roughly 3%. // // let d = floor(s * 3*sqrt(2*pi)/4 + 0.5) // // ... if d is odd, use three box-blurs of size 'd', centered on the output pixel. // CGFloat inputRadius = blurRadius *[[UIScreen mainScreen] scale]; NSUInteger radius = floor(inputRadius *3.* sqrt(2* M_PI)/4+0.5); if (radius %2!=1){ radius +=1; // force radius to be odd so that the three box-blur methodology works. } vImageBoxConvolve_ARGB8888(&effectInBuffer,&effectOutBuffer, NULL ,0,0, radius, radius,0, kvImageEdgeExtend); vImageBoxConvolve_ARGB8888(&effectOutBuffer,&effectInBuffer, NULL ,0,0, radius, radius,0, kvImageEdgeExtend); vImageBoxConvolve_ARGB8888(&effectInBuffer,&effectOutBuffer, NULL ,0,0, radius, radius,0, kvImageEdgeExtend); } BOOL effectImageBuffersAreSwapped = NO ; if (hasSaturationChange){ CGFloat s = saturationDeltaFactor; CGFloat floatingPointSaturationMatrix[]={ 0.0722+0.9278* s,0.0722-0.0722* s,0.0722-0.0722* s,0, 0.7152-0.7152* s,0.7152+0.2848* s,0.7152-0.7152* s,0, 0.2126-0.2126* s,0.2126-0.2126* s,0.2126+0.7873* s,0, 0,0,0,1, }; constint32_t divisor =256; NSUInteger matrixSize = sizeof (floatingPointSaturationMatrix)/ sizeof (floatingPointSaturationMatrix[0]); int16_t saturationMatrix[matrixSize]; for ( NSUInteger i =0; i < matrixSize;++i){ saturationMatrix[i]=(int16_t)roundf(floatingPointSaturationMatrix[i]* divisor); } if (hasBlur){ vImageMatrixMultiply_ARGB8888(&effectOutBuffer,&effectInBuffer, saturationMatrix, divisor, NULL , NULL , kvImageNoFlags); effectImageBuffersAreSwapped = YES ; } else { vImageMatrixMultiply_ARGB8888(&effectInBuffer,&effectOutBuffer, saturationMatrix, divisor, NULL , NULL , kvImageNoFlags); } } if (!effectImageBuffersAreSwapped) effectImage =UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); if (effectImageBuffersAreSwapped) effectImage =UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); } // Set up output context. UIGraphicsBeginImageContextWithOptions( self .size, NO ,[[UIScreen mainScreen] scale]); CGContextRef outputContext =UIGraphicsGetCurrentContext(); CGContextScaleCTM(outputContext,1.0,-1.0); CGContextTranslateCTM(outputContext,0,- self .size.height); // Draw base image. CGContextDrawImage(outputContext, imageRect, self .CGImage); // Draw effect image. if (hasBlur){ CGContextSaveGState(outputContext); if (maskImage){ CGContextClipToMask(outputContext, imageRect, maskImage.CGImage); } CGContextDrawImage(outputContext, imageRect, effectImage.CGImage); CGContextRestoreGState(outputContext); } // Add in color tint. if (tintColor){ CGContextSaveGState(outputContext); CGContextSetFillColorWithColor(outputContext, tintColor.CGColor); CGContextFillRect(outputContext, imageRect); CGContextRestoreGState(outputContext); } // Output image is ready. UIImage*outputImage =UIGraphicsGetImageFromCurrentImageContext(); UIGraphicsEndImageContext(); return outputImage; } @end |
调用:
1 2 3 | UIImageView*me =[[UIImageView alloc] initWithFrame:CGRectMake(10,480,614,381)]; [me setImage:[[UIImage imageNamed:@ "me.png" ] applyBlurWithRadius:5 tintColor:[UIColor colorWithWhite:1 alpha:0.2] saturationDeltaFactor:1.8 maskImage: nil ]]; [ self .view addSubview:me]; |
ok!So easy!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步