Clever Geek Handbook

Gaussian Blur a UIImageView (iOS)

I have searched for this but I could not find the correct answer.

I want to make a button, and if you click on that button, the image will be gaussian blurred.

How can i do this?

-3


source to share


2 answers


You can use StackBluriOS or GPUImage

or

Try it (found here ): Answer from fooobar.com/questions/638114 / ...

@interface UIImage (ImageBlur)
- (UIImage *)imageWithGaussianBlur;
@end

@implementation UIImage (ImageBlur)
- (UIImage *)imageWithGaussianBlur {
    float weight[5] = {0.2270270270, 0.1945945946, 0.1216216216, 0.0540540541, 0.0162162162};
    // Blur horizontally
    UIGraphicsBeginImageContext(self.size);
    [self drawInRect:CGRectMake(0, 0, self.size.width, self.size.height) blendMode:kCGBlendModePlusLighter alpha:weight[0]];
    for (int x = 1; x < 5; ++x) {
        [self drawInRect:CGRectMake(x, 0, self.size.width, self.size.height) blendMode:kCGBlendModePlusLighter alpha:weight[x]];
        [self drawInRect:CGRectMake(-x, 0, self.size.width, self.size.height) blendMode:kCGBlendModePlusLighter alpha:weight[x]];
    }
    UIImage *horizBlurredImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    // Blur vertically
    UIGraphicsBeginImageContext(self.size);
    [horizBlurredImage drawInRect:CGRectMake(0, 0, self.size.width, self.size.height) blendMode:kCGBlendModePlusLighter alpha:weight[0]];
    for (int y = 1; y < 5; ++y) {
        [horizBlurredImage drawInRect:CGRectMake(0, y, self.size.width, self.size.height) blendMode:kCGBlendModePlusLighter alpha:weight[y]];
        [horizBlurredImage drawInRect:CGRectMake(0, -y, self.size.width, self.size.height) blendMode:kCGBlendModePlusLighter alpha:weight[y]];
    }
    UIImage *blurredImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    //
    return blurredImage;
}


And use it like this:

UIImage *blurredImage = [originalImage imageWithGaussianBlur];

To get a stronger blur, just apply this effect twice or more :)

+8


source


You need to use Framework CoreImage ( Apple Doc ) or any third party frameworks like GPUImage ( Github page ). Gaussian Blur is only available in CoreImage (iOS) starting with iOS 6. Of course, you can use any other solution, but the correct "filtering" is done with these frameworks.



+1


source






More articles:


All Articles