ios - Creando una vista de superposición borrosa

objective-c graphics

Question

En la aplicación de Música del nuevo iOS, podemos ver una portada de álbum detrás de una vista que la difumina.

¿Cómo se puede lograr algo así? He leído la documentación, pero no encontré nada allí.

Answer 1

Usando UIImageEffects

Para las personas que desean un mayor control, puede utilizar el código de ejemplo UIImageEffects de Apple.

Puede copiar el código para UIImageEffects desde la biblioteca de desarrolladores de Apple: desenfoque y tintado de una imagen

Y aquí está cómo aplicarlo:

#import "UIImageEffects.h"
...
self.originalImageView.image = [UIImageEffects imageByApplyingLightEffectToImage:[UIImage imageNamed:@"yourImage.png"]];

Answer 2

Imagen central

Dado que la imagen en la captura de pantalla es estática, puede usar CIGaussianBlur desde Core Image (requiere iOS 6). Aquí está un ejemplo: https://github.com/evanwdavis/Fun-with-Masks/blob/master/Fun%20with%20Masks/EWDBlurExampleVC.m

Eso sí, esto es más lento que las otras opciones en esta página.

#import <QuartzCore/QuartzCore.h>
- (UIImage*) blur:(UIImage*)theImage
{
// ***********If you need re-orienting (e.g. trying to blur a photo taken from the device camera front facing camera in portrait mode)
// theImage = [self reOrientIfNeeded:theImage];
// create our blurred image
CIContext *context = [CIContext contextWithOptions:nil];
CIImage *inputImage = [CIImage imageWithCGImage:theImage.CGImage];
// setting up Gaussian Blur (we could use one of many filters offered by Core Image)
CIFilter *filter = [CIFilter filterWithName:@"CIGaussianBlur"];
[filter setValue:inputImage forKey:kCIInputImageKey];
[filter setValue:[NSNumber numberWithFloat:15.0f] forKey:@"inputRadius"];
CIImage *result = [filter valueForKey:kCIOutputImageKey];
// CIGaussianBlur has a tendency to shrink the image a little,
// this ensures it matches up exactly to the bounds of our original image
CGImageRef cgImage = [context createCGImage:result fromRect:[inputImage extent]];
UIImage *returnImage = [UIImage imageWithCGImage:cgImage];//create a UIImage for this function to "return" so that ARC can manage the memory of the blur... ARC can''t manage CGImageRefs so we need to release it before this function "returns" and ends.
CGImageRelease(cgImage);//release CGImageRef because ARC doesn''t manage this on its own.
return returnImage;
// *************** if you need scaling
// return [[self class] scaleIfNeeded:cgImage];
}
+(UIImage*) scaleIfNeeded:(CGImageRef)cgimg {
bool isRetina = [[[UIDevice currentDevice] systemVersion] intValue] >= 4 && [[UIScreen mainScreen] scale] == 2.0;
if (isRetina) {
return [UIImage imageWithCGImage:cgimg scale:2.0 orientation:UIImageOrientationUp];
} else {
return [UIImage imageWithCGImage:cgimg];
}
}
- (UIImage*) reOrientIfNeeded:(UIImage*)theImage{
if (theImage.imageOrientation != UIImageOrientationUp) {
CGAffineTransform reOrient = CGAffineTransformIdentity;
switch (theImage.imageOrientation) {
case UIImageOrientationDown:
case UIImageOrientationDownMirrored:
reOrient = CGAffineTransformTranslate(reOrient, theImage.size.width, theImage.size.height);
reOrient = CGAffineTransformRotate(reOrient, M_PI);
break;
case UIImageOrientationLeft:
case UIImageOrientationLeftMirrored:
reOrient = CGAffineTransformTranslate(reOrient, theImage.size.width, 0);
reOrient = CGAffineTransformRotate(reOrient, M_PI_2);
break;
case UIImageOrientationRight:
case UIImageOrientationRightMirrored:
reOrient = CGAffineTransformTranslate(reOrient, 0, theImage.size.height);
reOrient = CGAffineTransformRotate(reOrient, -M_PI_2);
break;
case UIImageOrientationUp:
case UIImageOrientationUpMirrored:
break;
}
switch (theImage.imageOrientation) {
case UIImageOrientationUpMirrored:
case UIImageOrientationDownMirrored:
reOrient = CGAffineTransformTranslate(reOrient, theImage.size.width, 0);
reOrient = CGAffineTransformScale(reOrient, -1, 1);
break;
case UIImageOrientationLeftMirrored:
case UIImageOrientationRightMirrored:
reOrient = CGAffineTransformTranslate(reOrient, theImage.size.height, 0);
reOrient = CGAffineTransformScale(reOrient, -1, 1);
break;
case UIImageOrientationUp:
case UIImageOrientationDown:
case UIImageOrientationLeft:
case UIImageOrientationRight:
break;
}
CGContextRef myContext = CGBitmapContextCreate(NULL, theImage.size.width, theImage.size.height, CGImageGetBitsPerComponent(theImage.CGImage), 0, CGImageGetColorSpace(theImage.CGImage), CGImageGetBitmapInfo(theImage.CGImage));
CGContextConcatCTM(myContext, reOrient);
switch (theImage.imageOrientation) {
case UIImageOrientationLeft:
case UIImageOrientationLeftMirrored:
case UIImageOrientationRight:
case UIImageOrientationRightMirrored:
CGContextDrawImage(myContext, CGRectMake(0,0,theImage.size.height,theImage.size.width), theImage.CGImage);
break;
default:
CGContextDrawImage(myContext, CGRectMake(0,0,theImage.size.width,theImage.size.height), theImage.CGImage);
break;
}
CGImageRef CGImg = CGBitmapContextCreateImage(myContext);
theImage = [UIImage imageWithCGImage:CGImg];
CGImageRelease(CGImg);
CGContextRelease(myContext);
}
return theImage;
}

Desenfoque de pila (Caja + Gaussian)

• StackBlur Esto implementa una mezcla de Box y Gaussian blur. 7 veces más rápido que el gaussiano no acelerado, pero no tan feo como el cuadro borroso. Vea una demostración here (versión del complemento de Java) o here (versión de JavaScript). Este algoritmo se utiliza en KDE y Camera + y otros. No utiliza el Marco de Aceleración, pero es rápido.

Acelerar el Marco

• En la sesión “Implementing Engaging UI en iOS” de WWDC 2013, Apple explica cómo crear un fondo borroso (a las 14:30), y menciona un método applyLightEffect implementado en el código de ejemplo utilizando Accelerate.framework.

• GPUImage utiliza sombreadores de OpenGL para crear desenfoques dinámicos. Tiene varios tipos de desenfoque: GPUImageBoxBlurFilter, GPUImageFastBlurFilter, GaussianSelectiveBlur, GPUImageGaussianBlurFilter. Incluso hay un GPUImageiOSBlurFilter que "debería replicar completamente el efecto de desenfoque provisto por el panel de control de iOS 7" ( tweet , article ). El artículo es detallado e informativo.

-(UIImage *)blurryGPUImage:(UIImage *)image withBlurLevel:(NSInteger)blur { GPUImageFastBlurFilter *blurFilter = [GPUImageFastBlurFilter new]; blurFilter.blurSize = blur; UIImage *result = [blurFilter imageByFilteringImage:image]; return result; }

• Desde indieambitions.com: realice un desenfoque utilizando vImage . El algoritmo también se utiliza en iOS-RealTimeBlur .

• De Nick Lockwood: https://github.com/nicklockwood/FXBlurView El ejemplo muestra el desenfoque en una vista de desplazamiento. Se difumina con dispatch_async, luego se sincroniza para llamar a las actualizaciones con UITrackingRunLoopMode, por lo que el desenfoque no se retrasa cuando UIKit le da más prioridad al desplazamiento de UIScrollView. Esto se explica en el libro iOS de Nick Core Animation , que por cierto es genial.

• iOS-blur Esto toma la capa borrosa de la barra de herramientas de la UIT y la coloca en otro lugar. Apple rechazará tu aplicación si usas este método. Consulte https://github.com/mochidev/MDBlurView/issues/4

• Desde el blog de Evadne: LiveFrost : convolución rápida y síncrona de UIView . Gran código y una gran lectura. Algunas ideas de este post:

  • Use una cola en serie para estrangular las actualizaciones de CADisplayLink.
  • Reutilizar contextos de mapa de bits a menos que los límites cambien.
  • Dibuje imágenes más pequeñas usando - [CALayer renderInContext:] con un factor de escala de 0.5f.

Otras cosas

Andy Matuschak said en Twitter: "sabes, muchos de los lugares donde parece que lo estamos haciendo en tiempo real, es estático con trucos inteligentes".

En doubleencore.com dicen "hemos encontrado que un radio de desenfoque de 10 puntos más un aumento de saturación de 10 puntos simula el efecto de efecto borroso de iOS 7 en la mayoría de las circunstancias".

Un vistazo a los encabezados privados de SBFProceduralWallpaperView de Apple.

Finalmente, esto no es un borrón real, pero recuerde que puede configurar rasterizationScale para obtener una imagen pixelada: http://www.dimzzy.com/blog/2010/11/blur-effect-for-uiview/

Answer 3

Escala de desenfoque personalizado

Puede probar UIVisualEffectView con una configuración personalizada como:

class BlurViewController: UIViewController {
private let blurEffect = (NSClassFromString("_UICustomBlurEffect") as! UIBlurEffect.Type).init()
override func viewDidLoad() {
super.viewDidLoad()
let blurView = UIVisualEffectView(frame: UIScreen.main.bounds)
blurEffect.setValue(1, forKeyPath: "blurRadius")
blurView.effect = blurEffect
view.addSubview(blurView)
}
}

Salida: - para blurEffect.setValue(1... & blurEffect.setValue(2..

Answer 4

Apple ha proporcionado una extensión para la clase UIImage llamada UIImage + ImageEffects.h. En esta clase tienes los métodos deseados para difuminar tu vista.

Answer 5

Aquí está el código Swift 2.0 para la solución que se ha proporcionado en la respuesta aceptada :

 //only apply the blur if the user hasn''t disabled transparency effects
if !UIAccessibilityIsReduceTransparencyEnabled() {
self.view.backgroundColor = UIColor.clearColor()
let blurEffect = UIBlurEffect(style: UIBlurEffectStyle.Dark)
let blurEffectView = UIVisualEffectView(effect: blurEffect)
//always fill the view
blurEffectView.frame = self.view.bounds
blurEffectView.autoresizingMask = [.FlexibleWidth, .FlexibleHeight]
self.view.addSubview(blurEffectView) //if you have more UIViews, use an insertSubview API to place it where needed
} else {
self.view.backgroundColor = UIColor.blackColor()
}

Answer 6

Aquí hay una implementación rápida en Swift usando CIGaussianBlur:

func blur(image image: UIImage) -> UIImage {
let radius: CGFloat = 20;
let context = CIContext(options: nil);
let inputImage = CIImage(CGImage: image.CGImage!);
let filter = CIFilter(name: "CIGaussianBlur");
filter?.setValue(inputImage, forKey: kCIInputImageKey);
filter?.setValue("/(radius)", forKey:kCIInputRadiusKey);
let result = filter?.valueForKey(kCIOutputImageKey) as! CIImage;
let rect = CGRectMake(radius * 2, radius * 2, image.size.width - radius * 4, image.size.height - radius * 4)
let cgImage = context.createCGImage(result, fromRect: rect);
let returnImage = UIImage(CGImage: cgImage);
return returnImage;
}

Answer 7

C OBJETIVO

UIVisualEffect *blurEffect;
blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
UIVisualEffectView *visualEffectView;
visualEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
visualEffectView.frame = self.accessImageView.bounds;
[self.accessImageView addSubview:visualEffectView];

SWIFT 3.0

let blurEffect = UIBlurEffect(style: UIBlurEffectStyle.dark)
let blurEffectView = UIVisualEffectView(effect: blurEffect)
blurEffectView.frame = view.bounds
blurEffectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
view.addSubview(blurEffectView)

de: https://.com/a/24083728/4020910

Answer 8

Creo que la solución más fácil para esto es anular a UIToolbar, que desenfoca todo en iOS 7. Es bastante astuto, pero es muy simple de implementar, ¡y rápido!

Puede hacerlo con cualquier vista, solo UIToolbar en una subclase de UIToolbar lugar de UIView . Incluso puedes hacerlo con una propiedad de view UIViewController , por ejemplo ...

1) cree una nueva clase que sea una "Subclase de" UIViewController y marque la casilla "Con XIB para la interfaz de usuario".

2) Seleccione la Vista y vaya al inspector de identidad en el panel de la derecha (alt-command-3). Cambia la "Clase" a UIToolbar . Ahora vaya al inspector de atributos (alt-command-4) y cambie el color "Fondo" a "Borrar color".

3) Agregue una subvista a la vista principal y conéctela a un IBOutlet en su interfaz. Llámalo backgroundColorView . Se verá algo así, como una categoría privada en el archivo de implementación ( .m ).

@interface BlurExampleViewController ()
@property (weak, nonatomic) IBOutlet UIView *backgroundColorView;
@end

4) Vaya al archivo de implementación del controlador de vista ( .m ) y cambie el método -viewDidLoad , para ver lo siguiente:

- (void)viewDidLoad
{
[super viewDidLoad];
self.view.barStyle = UIBarStyleBlack; // this will give a black blur as in the original post
self.backgroundColorView.opaque = NO;
self.backgroundColorView.alpha = 0.5;
self.backgroundColorView.backgroundColor = [UIColor colorWithWhite:0.3 alpha:1];
}

Esto te dará una vista gris oscuro, que desdibuja todo lo que hay detrás. No es un asunto divertido, no se ve borrosa la imagen del núcleo, usa todo lo que está al alcance de su mano con el OS / SDK.

Puede agregar la vista de este controlador de vista a otra vista de la siguiente manera:

[self addChildViewController:self.blurViewController];
[self.view addSubview:self.blurViewController.view];
[self.blurViewController didMoveToParentViewController:self];
// animate the self.blurViewController into view

Déjame saber si algo no está claro, ¡estaré encantado de ayudarte!

Editar

UIToolbar se ha cambiado en 7.0.3 para dar un efecto posiblemente indeseable al usar un desenfoque de color.

Solíamos poder configurar el color con barTintColor , pero si lo estaba haciendo antes, deberá configurar el componente alfa en menos de 1. De lo contrario, su barra de UITool será de color completamente opaco, sin borrones.

Esto se puede lograr de la siguiente manera: (teniendo en cuenta que self es una subclase de UIToolbar )

UIColor *color = [UIColor blueColor]; // for example
self.barTintColor = [color colorWithAlphaComponent:0.5];

Esto le dará un tinte azul a la vista borrosa.

Answer 9

Decidí publicar una versión escrita de Objective-C de la respuesta aceptada solo para proporcionar más opciones en esta pregunta.

- (UIView *)applyBlurToView:(UIView *)view withEffectStyle:(UIBlurEffectStyle)style andConstraints:(BOOL)addConstraints
{
//only apply the blur if the user hasn''t disabled transparency effects
if(!UIAccessibilityIsReduceTransparencyEnabled())
{
UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:style];
UIVisualEffectView *blurEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
blurEffectView.frame = view.bounds;
[view addSubview:blurEffectView];
if(addConstraints)
{
//add auto layout constraints so that the blur fills the screen upon rotating device
[blurEffectView setTranslatesAutoresizingMaskIntoConstraints:NO];
[view addConstraint:[NSLayoutConstraint constraintWithItem:blurEffectView
attribute:NSLayoutAttributeTop
relatedBy:NSLayoutRelationEqual
toItem:view
attribute:NSLayoutAttributeTop
multiplier:1
constant:0]];
[view addConstraint:[NSLayoutConstraint constraintWithItem:blurEffectView
attribute:NSLayoutAttributeBottom
relatedBy:NSLayoutRelationEqual
toItem:view
attribute:NSLayoutAttributeBottom
multiplier:1
constant:0]];
[view addConstraint:[NSLayoutConstraint constraintWithItem:blurEffectView
attribute:NSLayoutAttributeLeading
relatedBy:NSLayoutRelationEqual
toItem:view
attribute:NSLayoutAttributeLeading
multiplier:1
constant:0]];
[view addConstraint:[NSLayoutConstraint constraintWithItem:blurEffectView
attribute:NSLayoutAttributeTrailing
relatedBy:NSLayoutRelationEqual
toItem:view
attribute:NSLayoutAttributeTrailing
multiplier:1
constant:0]];
}
}
else
{
view.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.7];
}
return view;
}

Las restricciones podrían eliminarse si desea, en caso de que solo sea compatible con el modo retrato o si simplemente agrego una bandera a esta función para usarlas o no

Answer 10

Encontrado esto por accidente, me da resultados realmente geniales (casi duplicados con los de Apple) y utiliza el marco de Aceleración. - http://pastebin.com/6cs6hsyQ * No escrito por mí

Answer 11

Esta respuesta se basa en la excelente respuesta anterior de Mitja Semolic . Lo convertí a swift 3, agregué una explicación a lo que está ocurriendo en los comentarios, lo convertí en una extensión de un UIViewController para que cualquier VC pueda llamarlo a voluntad, agregué una vista no borrosa para mostrar la aplicación selectiva y agregue un bloque de finalización para El controlador de vista de llamada puede hacer lo que quiera al finalizar el desenfoque.

 import UIKit
//This extension implements a blur to the entire screen, puts up a HUD and then waits and dismisses the view.
extension UIViewController {
func blurAndShowHUD(duration: Double, message: String, completion: @escaping () -> Void) { //with completion block
//1. Create the blur effect & the view it will occupy
let blurEffect = UIBlurEffect(style: UIBlurEffectStyle.light)
let blurEffectView = UIVisualEffectView()//(effect: blurEffect)
blurEffectView.frame = self.view.bounds
blurEffectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
//2. Add the effect view to the main view
self.view.addSubview(blurEffectView)
//3. Create the hud and add it to the main view
let hud = HudView.getHUD(view: self.view, withMessage: message)
self.view.addSubview(hud)
//4. Begin applying the blur effect to the effect view
UIView.animate(withDuration: 0.01, animations: {
blurEffectView.effect = blurEffect
})
//5. Halt the blur effects application to achieve the desired blur radius
self.view.pauseAnimationsInThisView(delay: 0.004)
//6. Remove the view (& the HUD) after the completion of the duration
DispatchQueue.main.asyncAfter(deadline: .now() + duration) {
blurEffectView.removeFromSuperview()
hud.removeFromSuperview()
self.view.resumeAnimationsInThisView()
completion()
}
}
}
extension UIView {
public func pauseAnimationsInThisView(delay: Double) {
let time = delay + CFAbsoluteTimeGetCurrent()
let timer = CFRunLoopTimerCreateWithHandler(kCFAllocatorDefault, time, 0, 0, 0, { timer in
let layer = self.layer
let pausedTime = layer.convertTime(CACurrentMediaTime(), from: nil)
layer.speed = 0.0
layer.timeOffset = pausedTime
})
CFRunLoopAddTimer(CFRunLoopGetCurrent(), timer, CFRunLoopMode.commonModes)
}
public func resumeAnimationsInThisView() {
let pausedTime = layer.timeOffset
layer.speed = 1.0
layer.timeOffset = 0.0
layer.beginTime = layer.convertTime(CACurrentMediaTime(), from: nil) - pausedTime
}
}

He confirmado que funciona con iOS 10.3.1 y iOS 11

Answer 12

La respuesta aceptada es correcta, pero falta un paso importante aquí, en caso de que esta vista, para la que desea un fondo borroso, se presente usando

[self presentViewController:vc animated:YES completion:nil]

De forma predeterminada, esto anulará el desenfoque ya que UIKit elimina la vista del presentador, que en realidad está difuminando. Para evitar esa eliminación, agregue esta línea antes de la anterior.

vc.modalPresentationStyle = UIModalPresentationOverFullScreen;

O utilizar otros estilos de Over .

Answer 13

La respuesta simple es Agregar una subvista y cambiarla es alfa.

UIView *mainView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 200)];
UIView *subView = [[UIView alloc] initWithFrame:popupView.frame];
UIColor * backImgColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"blue_Img.png"]];
subView.backgroundColor = backImgColor;
subView.alpha = 0.5;
[mainView addSubview:subView];

Answer 14

No creo que se me permita publicar el código, pero la publicación anterior que menciona el código de ejemplo de la WWDC es correcta. Aquí está el enlace: https://developer.apple.com/downloads/index.action?name=WWDC%202013

El archivo que está buscando es la categoría en UIImage, y el método es applyLightEffect.

Como señalé anteriormente en un comentario, el Desenfoque de Apple tiene saturación y otras cosas además del desenfoque. Un simple desenfoque no servirá ... si buscas emular su estilo.

Answer 15

Si agrega una vista borrosa oscura para tableView, esto lo hará maravillosamente:

tableView.backgroundColor = .clear
let blurEffect = UIBlurEffect(style: .dark)
let blurEffectView = UIVisualEffectView(effect: blurEffect)
blurEffectView.frame = tableView.bounds
blurEffectView.autoresizingMask = [.flexibleHeight, .flexibleWidth]
// Assigning blurEffectView to backgroundView instead of addSubview to tableView makes tableView cell not blocked by blurEffectView
tableView.backgroundView = blurEffectView

Answer 16

Swift 4:

Para agregar una superposición, o la vista emergente También puede usar la Vista de contenedor con la que obtiene un Controlador de vista gratuito (obtiene la Vista de contenedor de la biblioteca / paleta de objetos habitual)

Pasos:

Tener una vista (ViewForContainer en la foto) que contiene esta vista de contenedor, para atenuarla cuando se muestran los contenidos de la vista de contenedor. Conecte la salida dentro del primer controlador de vista

Ocultar esta vista cuando se carga el 1er VC

Cuando se haga clic en el botón, introduzca la descripción de la imagen aquí

Para atenuar esta vista cuando se muestra el contenido de la vista del contenedor, configure el fondo de las vistas en negro y la opacidad en 30%

He agregado una respuesta a la creación de vista de vista popular en otra pregunta sobre https://.com/a/49729431/5438240

Answer 17

Desde Xcode puedes hacerlo fácilmente. Sigue los pasos de xcode. Permite ver efectos visuales en tu vista o vista de imagen.

Feliz codificación :)

Answer 18

Un complemento importante a la respuesta de @Joey.

Esto se aplica a una situación en la que desea presentar un UIViewController fondo UIViewController con UINavigationController .

// suppose you''ve done blur effect with your presented view controller
UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController];
// this is very important, if you don''t do this, the blur effect will darken after view did appeared
// the reason is that you actually present navigation controller, not presented controller
// please note it''s "OverFullScreen", not "OverCurrentContext"
nav.modalPresentationStyle = UIModalPresentationOverFullScreen;
UIViewController *presentedViewController = [[UIViewController alloc] init];
// the presented view controller''s modalPresentationStyle is "OverCurrentContext"
presentedViewController.modalPresentationStyle = UIModalPresentationOverCurrentContext;
[presentingViewController presentViewController:nav animated:YES completion:nil];

¡Disfrutar!

Answer 19

Puedes usar UIVisualEffectView para lograr este efecto. Esta es una API nativa que se ha optimizado para el rendimiento y la gran duración de la batería, además de que es fácil de implementar.

Rápido:

//only apply the blur if the user hasn''t disabled transparency effects
if !UIAccessibilityIsReduceTransparencyEnabled() {
view.backgroundColor = .clear
let blurEffect = UIBlurEffect(style: .dark)
let blurEffectView = UIVisualEffectView(effect: blurEffect)
//always fill the view
blurEffectView.frame = self.view.bounds
blurEffectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
view.addSubview(blurEffectView) //if you have more UIViews, use an insertSubview API to place it where needed
} else {
view.backgroundColor = .black
}

C objetivo:

//only apply the blur if the user hasn''t disabled transparency effects
if (!UIAccessibilityIsReduceTransparencyEnabled()) {
self.view.backgroundColor = [UIColor clearColor];
UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
UIVisualEffectView *blurEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
//always fill the view
blurEffectView.frame = self.view.bounds;
blurEffectView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
[self.view addSubview:blurEffectView]; //if you have more UIViews, use an insertSubview API to place it where needed
} else {
self.view.backgroundColor = [UIColor blackColor];
}

Si está presentando este controlador de vista de manera modal para desenfocar el contenido subyacente, deberá configurar el estilo de presentación modal en Contexto actual y establecer el color de fondo para que se borre para garantizar que el controlador de vista subyacente permanezca visible una vez que se presente.

Answer 20

func blurBackgroundUsingImage(image: UIImage)
{
var frame = CGRectMake(0, 0, self.view.frame.width, self.view.frame.height)
var imageView = UIImageView(frame: frame)
imageView.image = image
imageView.contentMode = .ScaleAspectFill
var blurEffect = UIBlurEffect(style: .Light)
var blurEffectView = UIVisualEffectView(effect: blurEffect)
blurEffectView.frame = frame
var transparentWhiteView = UIView(frame: frame)
transparentWhiteView.backgroundColor = UIColor(white: 1.0, alpha: 0.30)
var viewsArray = [imageView, blurEffectView, transparentWhiteView]
for index in 0..<viewsArray.count {
if let oldView = self.view.viewWithTag(index + 1) {
var oldView = self.view.viewWithTag(index + 1)
// Must explicitly unwrap oldView to access its removeFromSuperview() method as of Xcode 6 Beta 5
oldView!.removeFromSuperview()
}
var viewToInsert = viewsArray[index]
self.view.insertSubview(viewToInsert, atIndex: index + 1)
viewToInsert.tag = index + 1
}
}