Размер изображения CIGaussianBlur

Проблема не в том, что это не размывает все изображение, а скорее в том, что размытие расширяет границы изображения, делая изображение больше, и в результате оно не выравнивается должным образом.

Чтобы изображение оставалось того же размера, после строки:

CIImage *resultImage    = [gaussianBlurFilter valueForKey: @"outputImage"];

Вы можете взять CGRect для прямоугольника размером с исходное изображение в центре этого resultImage:

// note, adjust rect because blur changed size of image

CGRect rect             = [resultImage extent];
rect.origin.x          += (rect.size.width  - viewImage.size.width ) / 2;
rect.origin.y          += (rect.size.height - viewImage.size.height) / 2;
rect.size               = viewImage.size;

А затем используйте CIContext, чтобы захватить эту часть изображения:

CIContext *context      = [CIContext contextWithOptions:nil];
CGImageRef cgimg        = [context createCGImage:resultImage fromRect:rect];
UIImage   *blurredImage = [UIImage imageWithCGImage:cgimg];
CGImageRelease(cgimg);

В качестве альтернативы для iOS 7, если вы перейдете к пример кода iOS для iOS и загрузите iOS_UIImageEffects.zip, затем выберите категорию UIImage+ImageEffects. Во всяком случае, это дает несколько новых методов:

- (UIImage *)applyLightEffect;
- (UIImage *)applyExtraLightEffect;
- (UIImage *)applyDarkEffect;
- (UIImage *)applyTintEffectWithColor:(UIColor *)tintColor;
- (UIImage *)applyBlurWithRadius:(CGFloat)blurRadius tintColor:(UIColor *)tintColor saturationDeltaFactor:(CGFloat)saturationDeltaFactor maskImage:(UIImage *)maskImage;

Итак, чтобы размыть, отобразить и осветлить его (придавая эффект «матового стекла»), вы можете сделать:

UIImage *newImage = [image applyLightEffect];

Интересно, что код Apple не использует CIFilter, а вызывает vImageBoxConvolve_ARGB8888 из vImage высокопроизводительная среда обработки изображений. Этот метод проиллюстрирован в видеоролике WWDC 2013 Реализация привлекательного пользовательского интерфейса на iOS.

Более быстрое решение - полностью отказаться от CGImageRef и выполнять все преобразования на ленивом уровне CIImage.

Итак, вместо вашего непригодного:

// create UIImage from filtered image (but size is wrong)
blurredImage = [[UIImage alloc] initWithCIImage:resultImage];

Хорошее решение - написать:

Цель-C

// cropping rect because blur changed size of image
CIImage *croppedImage = [resultImage imageByCroppingToRect:imageToBlur.extent];
// create UIImage from filtered cropped image
blurredImage = [[UIImage alloc] initWithCIImage:croppedImage];

Swift 3

// cropping rect because blur changed size of image
let croppedImage = resultImage.cropping(to: imageToBlur.extent)
// create UIImage from filtered cropped image
let blurredImage = UIImage(ciImage: croppedImage)

Swift 4

// cropping rect because blur changed size of image
let croppedImage = resultImage.cropped(to: imageToBlur.extent)
// create UIImage from filtered cropped image
let blurredImage = UIImage(ciImage: croppedImage)

Похоже, фильтр размытия возвращает вам изображение, которое больше, чем то, с которого вы начали, что имеет смысл, поскольку пиксели по краям становятся размытыми. Самым простым решением, вероятно, было бы newView использовать contentMode из UIViewContentModeCenter, чтобы не пытаться раздавить размытое изображение; вы также можете обрезать blurredImage, нарисовав его в центре нового контекста подходящего размера, но в этом нет необходимости.