Come usare UIVisualEffectView per sfocare l'immagine?

Qualcuno potrebbe dare un piccolo esempio di applicazione della sfocatura a un'immagine? Ho cercato di capire il codice per un po 'di tempo :( ancora nuovo in obj c!

Il UIVisualEffectViewfornisce una semplice astrazione su effetti visivi complessi. A seconda dell'effetto desiderato, i risultati possono influire sul contenuto stratificato dietro la vista o sul contenuto aggiunto alla vista contenuto della vista.

Applica a UIVisualEffectViewa una vista esistente per applicare un effetto di sfocatura o vibrazione alla vista di uscita. Dopo aver aggiunto UIVisualEffectView alla gerarchia della vista, aggiungere eventuali visualizzazioni secondarie a contentView di UIVisualEffectView. Non aggiungere visualizzazioni secondarie direttamente a UIVisualEffectViewse stesso.

https://developer.apple.com/documentation/uikit/uivisualeffectview#//apple_ref/occ/instp/UIVisualEffectView/contentView

Basta mettere questa vista sfocatura su imageView. Ecco un esempio in Objective-C:

UIVisualEffect *blurEffect;
blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

UIVisualEffectView *visualEffectView;
visualEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];

visualEffectView.frame = imageView.bounds;
[imageView addSubview:visualEffectView];

e veloce:

var visualEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .Light))    

visualEffectView.frame = imageView.bounds

imageView.addSubview(visualEffectView)

Ecco come utilizzare UIVibrancyEffect e UIBlurEffect con UIVisualEffectView

Objective-C:

// Blur effect
UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
UIVisualEffectView *blurEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
[blurEffectView setFrame:self.view.bounds];
[self.view addSubview:blurEffectView];

// Vibrancy effect
UIVibrancyEffect *vibrancyEffect = [UIVibrancyEffect effectForBlurEffect:blurEffect];
UIVisualEffectView *vibrancyEffectView = [[UIVisualEffectView alloc] initWithEffect:vibrancyEffect];
[vibrancyEffectView setFrame:self.view.bounds];

// Label for vibrant text
UILabel *vibrantLabel = [[UILabel alloc] init];
[vibrantLabel setText:@"Vibrant"];
[vibrantLabel setFont:[UIFont systemFontOfSize:72.0f]];
[vibrantLabel sizeToFit];
[vibrantLabel setCenter: self.view.center];

// Add label to the vibrancy view
[[vibrancyEffectView contentView] addSubview:vibrantLabel];

// Add the vibrancy view to the blur view
[[blurEffectView contentView] addSubview:vibrancyEffectView];

Swift 4:

    // Blur Effect
    let blurEffect = UIBlurEffect(style: UIBlurEffectStyle.dark)
    let blurEffectView = UIVisualEffectView(effect: blurEffect)
    blurEffectView.frame = view.bounds
    view.addSubview(blurEffectView)

    // Vibrancy Effect
    let vibrancyEffect = UIVibrancyEffect(blurEffect: blurEffect)
    let vibrancyEffectView = UIVisualEffectView(effect: vibrancyEffect)
    vibrancyEffectView.frame = view.bounds

    // Label for vibrant text
    let vibrantLabel = UILabel()
    vibrantLabel.text = "Vibrant"
    vibrantLabel.font = UIFont.systemFont(ofSize: 72.0)
    vibrantLabel.sizeToFit()
    vibrantLabel.center = view.center

    // Add label to the vibrancy view
    vibrancyEffectView.contentView.addSubview(vibrantLabel)

    // Add the vibrancy view to the blur view
    blurEffectView.contentView.addSubview(vibrancyEffectView)

Puoi anche usare l'interfaccia builder per creare facilmente questi effetti per situazioni semplici. Poiché i valori z delle viste dipenderanno dall'ordine in cui sono elencati nella struttura del documento, è possibile trascinare a UIVisualEffectViewsulla struttura del documento prima della vista che si desidera sfocare. Questo crea automaticamente un nidificato UIView, che è la contentViewproprietà del dato UIVisualEffectView. Nidifica le cose in questa vista che vuoi apparire in cima alla sfocatura.

Puoi anche sfruttare facilmente la vivacità UIVisualEffect, che creerà automaticamente un altro nidificato UIVisualEffectViewnella struttura del documento con la vibrazione abilitata per impostazione predefinita. È quindi possibile aggiungere un'etichetta o una vista di testo al nidificato UIView(di nuovo, la contentViewproprietà di UIVisualEffectView), per ottenere lo stesso effetto dell'elemento dell'interfaccia utente "> diapositiva per sbloccare".

Preferisco creare effetti visivi tramite Storyboard - nessun codice utilizzato per creare o mantenere gli elementi dell'interfaccia utente. Mi dà anche il pieno supporto del panorama. Ho realizzato una piccola demo sull'utilizzo di UIVisualEffects con Blur e anche su Vibrancy.

Demo su Github

Se qualcuno desidera la risposta in Swift:

var blurEffect = UIBlurEffect(style: UIBlurEffectStyle.Dark) // Change .Dark into .Light if you'd like.

var blurView = UIVisualEffectView(effect: blurEffect)

blurView.frame = theImage.bounds // 'theImage' is an image. I think you can apply this to the view too!

Aggiornare :

A partire da ora, è disponibile sotto l'IB, quindi non è necessario codificare nulla per esso :)

-(void) addBlurEffectOverImageView:(UIImageView *) _imageView
{
    UIVisualEffect *blurEffect;
    blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];

    UIVisualEffectView *visualEffectView;
    visualEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];

    visualEffectView.frame = _imageView.bounds;
    [_imageView addSubview:visualEffectView];
}

Viene utilizzato per sfocare gli sfondi, chiari o scuri, in modo che il testo possa essere sovrapposto più facilmente. Se lo desideri, puoi abilitare la vivacità, il che rende il testo reso in un colore brillante e contrastante accanto alla sfocatura.