Moins de Flou avec `Effet Visuel de Vue avec le Flou`?

C'est dommage qu'Apple ne fournit pas toutes les options pour effet de flou. Mais cette solution a fonctionné pour moi - l'animation de l'effet de flou et de la mettre en attente avant l'achèvement des travaux.

func blurEffectView(enable enable: Bool) {
    let enabled = self.blurView.effect != nil
    guard enable != enabled else { return }

    switch enable {
    case true:
        let blurEffect = UIBlurEffect(style: .ExtraLight)
        UIView.animateWithDuration(1.5) {
            self.blurView.effect = blurEffect
        }

        self.blurView.pauseAnimation(delay: 0.3)
    case false:
        self.blurView.resumeAnimation()

        UIView.animateWithDuration(0.1) {
            self.blurView.effect = nil
        }
    }
}

et la UIView extensions pour mettre en pause (avec du retard) et la reprise de l'affichage de l'animation

extension UIView {

    public func pauseAnimation(delay 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(), fromLayer: nil)
            layer.speed = 0.0
            layer.timeOffset = pausedTime
        })
        CFRunLoopAddTimer(CFRunLoopGetCurrent(), timer, kCFRunLoopCommonModes)
    }

    public func resumeAnimation() {
        let pausedTime  = layer.timeOffset

        layer.speed = 1.0
        layer.timeOffset = 0.0
        layer.beginTime = layer.convertTime(CACurrentMediaTime(), fromLayer: nil) - pausedTime
    }
}

OriginalL'auteur mitja13

Oui, vous pouvez.

Voici un exemple d'une UIImageView avec effet de flou sur elle. N'oubliez pas d'ajouter une Image à la UIImageView.

Ajuster la quantité de flou avec blurEffectView.alpha = 0.8 (de 0 à 1)

import UIKit

class BlurEffectImageView: UIImageView {

override func awakeFromNib() {
    addBlurEffect()

    super.awakeFromNib()
}

private func addBlurEffect(){
    let blurEffect = UIBlurEffect(style: .light)
    let blurEffectView = UIVisualEffectView(effect: blurEffect)
    blurEffectView.alpha = 0.8

    blurEffectView.autoresizingMask = [.flexibleWidth, .flexibleHeight]

    blurEffectView.translatesAutoresizingMaskIntoConstraints = false
    addSubview(blurEffectView)

    NSLayoutConstraint(item: blurEffectView, attribute: .centerX, relatedBy: .equal, toItem: self, attribute: .centerX, multiplier: 1.0, constant: 0).isActive = true
    NSLayoutConstraint(item: blurEffectView, attribute: .centerY, relatedBy: .equal, toItem: self, attribute: .centerY, multiplier: 1.0, constant: 0).isActive = true
    NSLayoutConstraint(item: blurEffectView, attribute: .height,  relatedBy: .equal, toItem: self, attribute: .height,  multiplier: 1.0, constant: 0).isActive = true
    NSLayoutConstraint(item: blurEffectView, attribute: .width,   relatedBy: .equal, toItem: self, attribute: .width,   multiplier: 1.0, constant: 0).isActive = true
  }

}

OriginalL'auteur alegelos

- Je utiliser UIVisualEffectView de ce genre pour obtenir réglable flou cercles. Le niveau de flou est contrôlé par un curseur qui contrôle l'alpha. Je vais inclure le curseur gestionnaire ci-dessous. Le flou de la taille du cercle est réglable avec une pincée de propagation d'action. Je comprendront que trop. Et vous pouvez faire glisser autour de l'effet de flou des cercles. Je vais laisser ça comme un exercice pour le lecteur. Si vous souhaitez un flou rectangle, il suffit de ne pas arrondir les angles. Pour voir ce flou de la conception de cercle dans l'action, la charge de la MemeSoEasy app (gratuit), ajoutez une photo (que vous pouvez mettre un flou cercle sur le dessus), puis ajouter un flou cercle.

UIVisualEffectView *blurVisualEffectView;

UIVisualEffect *blurEffect;
blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
blurVisualEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
blurVisualEffectView.frame = lastChosenBlurCircleRect;
blurVisualEffectView.center = CGPointMake(halfScreenX, halfScreenY);
[self.view addSubview:blurVisualEffectView];
CGFloat blurCornerRadius = blurVisualEffectView.bounds.size.width/2;
[[blurVisualEffectView layer]setCornerRadius:blurCornerRadius];
[[blurVisualEffectView layer]setMasksToBounds:YES];
[[blurVisualEffectView layer] setBorderWidth:4.0f];
[[blurVisualEffectView layer] setBorderColor:[UIColor blueColor].CGColor];
blurVisualEffectView.userInteractionEnabled = NO;
blurVisualEffectView.alpha = 0.97;
[blurArray addObject:blurVisualEffectView];

Curseur gestionnaire :

Remarque que je stocker mes flou des objets dans un tableau, donc je peux laisser les utilisateurs créer autant que souhaité. Le curseur gestionnaire d'œuvres sur le dernier objet dans le tableau. Le curseur des valeurs min et max sont 0.0 et 1.0

UISlider *slider_ = (UISlider *)sender;
CGFloat ourSliderValue = slider_.value;
UIVisualEffectView *currentBlurObject =
[blurArray objectAtIndex:blurArray.count - 1];
currentBlurObject.alpha = ourSliderValue;

Modification de la taille de gestionnaire pour pincer la propagation

int changeInWidth = 0; //one pixel at a time

if (pinchGesture.scale > 1.0) {
    changeInWidth++;
}
if (pinchGesture.scale < 1.0) {
    changeInWidth--;
}

UIVisualEffectView *currentBlurObject =
[blurArray objectAtIndex:blurArray.count - 1];

CGPoint oldCenter = currentBlurObject.center;

currentBlurObject.frame = CGRectMake(0, 0, currentBlurObject.frame.size.width + changeInWidth, currentBlurObject.frame.size.width + changeInWidth);

currentBlurObject.center = oldCenter;

lastChosenBlurCircleRect = currentBlurObject.frame;

CGFloat blurCornerRadius = currentBlurObject.frame.size.width/2;
[[currentBlurObject layer]setCornerRadius:blurCornerRadius];

OriginalL'auteur user3408691

Une solution similaire à certains ici, mais de plus simple, est d'utiliser un UIViewPropertyAnimator iOS (10+) et définir son fractionComplete de la propriété à une valeur comprise entre 0 et 1.

    //add blur view to image view
let imgBlur = UIVisualEffectView()
imgView.addSubview(imgBlur)
imgBlur.frame = imgView.bounds
//create animator to control blur strength
let imgBlurAnimator = UIViewPropertyAnimator()
imgBlurAnimator.addAnimations {
imgBlur.effect = UIBlurEffect(style: .dark)
}
//50% blur
imgBlurAnimator.fractionComplete = 0.5

Remarque, si vous prévoyez de faire varier fractionComplete basé sur un pan geste, défilement de l'affichage, le curseur, etc. vous devrez définir pausesOnCompletion = true (iOS 11+).

OriginalL'auteur pinch