Jak włączać i wyłączać UIVisualEffectView i / lub UIBlurEffect?

Chcę zanikać UIVisualEffectsView za pomocą UIBlurEffect in and out:

var blurEffectView = UIVisualEffectView()
blurEffectView = UIVisualEffectView(effect: UIBlurEffect(style: .dark))

Używam normalnej animacji w funkcji wywoływanej przez a, UIButtonaby ją wprowadzić, tak samo jak przy zanikaniu, ale .alpha = 0& hidden = true:

blurEffectView.hidden = false
UIView.animate(withDuration: 1, delay: 0, options: .curveEaseOut) {
    self.blurEffectView.alpha = 1
}

Teraz blaknięcie w obu kierunkach działa, ale daje mi błąd podczas blaknięcie się :

<UIVisualEffectView 0x7fdf5bcb6e80>jest proszony o animację jego krycia. Spowoduje to, że efekt będzie wyglądał na uszkodzony, dopóki krycie nie powróci do 1.

Pytanie

Jak z powodzeniem wprowadzać UIVisualEffectViewi wyłączać wejście bez przerywania go i zanikania przejścia?

Uwaga

• Próbowałem wstawić UIVisualEffectViewa UIViewi zniknąć, bez powodzenia

Myślę, że to nowość w iOS9, ale możesz teraz ustawić efekt UIVisualEffectViewwewnątrz bloku animacji:

let overlay = UIVisualEffectView()
// Put it somewhere, give it a frame...
UIView.animate(withDuration: 0.5) {
    overlay.effect = UIBlurEffect(style: .light)
}

Ustaw go, nilaby usunąć.

BARDZO WAŻNE - Podczas testowania tego na symulatorze, upewnij się, że ustawiłeś nadpisanie jakości grafiki w symulatorze na wysoką jakość, aby to zadziałało.

Dokumentacja Apple (obecnie) stwierdza ...

Korzystając z klasy UIVisualEffectView, unikaj wartości alfa, które są mniejsze niż 1.

i

Ustawienie alfa na mniej niż 1 w widoku efektu wizualnego lub w którymkolwiek z jego podglądów nadzoru powoduje, że wiele efektów wygląda nieprawidłowo lub w ogóle się nie pojawia.

Uważam, że brakuje tu jakiegoś ważnego kontekstu ...

Sugerowałbym, aby celem było unikanie wartości alfa, które są mniejsze niż 1 dla trwałego widoku. Moim skromnym zdaniem nie dotyczy to animacji widoku.

Moja uwaga - sugerowałbym, że wartości alfa mniejsze niż 1 są dopuszczalne dla animacji.

Komunikat terminala stwierdza:

UIVisualEffectView jest proszony o animowanie jego krycia. Spowoduje to, że efekt będzie wyglądał na uszkodzony, dopóki krycie nie powróci do 1.

Czytając to uważnie, efekt wydaje się zepsuty. Moje uwagi na ten temat:

• pozorna przerwa ma znaczenie tylko w przypadku poglądu, który jest trwały - nie zmienia się;
• trwały / niezmienny UIVisualEffect widok z wartością alfa mniejszą niż 1 nie będzie się prezentował zgodnie z zamierzeniami / projektami Apple; i
• komunikat w terminalu nie jest błędem, tylko ostrzeżeniem.

Aby rozszerzyć powyższą odpowiedź @ jrturton, która pomogła mi rozwiązać problem, dodam ...

Aby zaniknąć UIVisualEffectużyj następującego kodu (celu-C):

UIView.animateWithDuration(1.0, animations: {
//  EITHER...
    self.blurEffectView.effect = UIBlurEffect(nil)
//  OR...
    self.blurEffectView.alpha = 0
}, completion: { (finished: Bool) -> Void in
    self.blurEffectView.removeFromSuperview()
} )

Z powodzeniem używam obu metod: ustawiając effectwłaściwość na nili ustawiając alphawłaściwość na 0.

Należy pamiętać, że ustawienie effectsię niltworzy „piękny błysk” (z braku lepszego opisu) na końcu animacji, natomiast ustawienie alphana 0tworzy płynne przejście.

(Daj mi znać o wszelkich błędach składniowych ... Piszę w obj-c.)

Oto rozwiązanie, które skończyłem, które działa zarówno na iOS10, jak i wcześniejszych wersjach przy użyciu Swift 3

extension UIVisualEffectView {

    func fadeInEffect(_ style:UIBlurEffectStyle = .light, withDuration duration: TimeInterval = 1.0) {
        if #available(iOS 10.0, *) {
            let animator = UIViewPropertyAnimator(duration: duration, curve: .easeIn) {
                self.effect = UIBlurEffect(style: style)
            }

            animator.startAnimation()
        }else {
            // Fallback on earlier versions
            UIView.animate(withDuration: duration) {
                self.effect = UIBlurEffect(style: style)
            }
        }
    }

    func fadeOutEffect(withDuration duration: TimeInterval = 1.0) {
        if #available(iOS 10.0, *) {
            let animator = UIViewPropertyAnimator(duration: duration, curve: .linear) {
                self.effect = nil
            }

            animator.startAnimation()
            animator.fractionComplete = 1
        }else {
            // Fallback on earlier versions
            UIView.animate(withDuration: duration) {
                self.effect = nil
            }
        }
    }

}

Możesz również sprawdzić tę treść, aby znaleźć przykładowe użycie.

Tylko obejście - umieść UIVisualEffectVieww widoku kontenera i zmień alphawłaściwość dla tego kontenera. To podejście działa idealnie dla mnie na iOS 9. Wygląda na to, że nie działa już w iOS 10.

Możesz bez problemu zmienić alfa widoku efektów wizualnych poza ostrzeżeniem w konsoli. Widok może wydawać się po prostu częściowo przezroczysty, a nie zamazany. Ale zwykle nie stanowi to problemu, jeśli zmieniasz alfa podczas animacji.

Twoja aplikacja nie ulegnie awarii ani nie zostanie z tego powodu odrzucona. Przetestuj na prawdziwym urządzeniu (lub ośmiu). Jeśli jesteś zadowolony z tego, jak wygląda i działa, jest w porządku. Apple ostrzega tylko, że może nie wyglądać lub działać tak dobrze, jak widok efektów wizualnych z wartością alfa 1.

Możesz zrobić migawkę statycznego widoku znajdującego się pod spodem i zanikać go bez dotykania krycia widoku rozmycia. Zakładając blask blurView:

func addBlur() {
    guard let blurEffectView = blurEffectView else { return }

    //snapShot = UIScreen.mainScreen().snapshotViewAfterScreenUpdates(false)
    let snapShot = self.view.snapshotViewAfterScreenUpdates(false)
    view.addSubview(blurEffectView)
    view.addSubview(snapShot)

    UIView.animateWithDuration(0.25, animations: {
        snapShot.alpha = 0.0
    }, completion: { (finished: Bool) -> Void in
        snapShot.removeFromSuperview()
    } )
}

func removeBlur() {
    guard let blurEffectView = blurEffectView else { return }

    let snapShot = self.view.snapshotViewAfterScreenUpdates(false)
    snapShot.alpha = 0.0
    view.addSubview(snapShot)

    UIView.animateWithDuration(0.25, animations: {
        snapShot.alpha = 1.0
    }, completion: { (finished: Bool) -> Void in
        blurEffectView.removeFromSuperview()
        snapShot.removeFromSuperview()
    } )
}

Jeśli chcesz zaniknąć w Tobie UIVisualEffectView - dla iOS10 użyj UIViewPropertyAnimator

    UIVisualEffectView *blurEffectView = [[UIVisualEffectView alloc] initWithEffect:nil];
    blurEffectView.frame = self.view.frame;
    blurEffectView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;

    UIView *blackUIView = [[UIView alloc]initWithFrame:self.view.frame];
    [bacgroundImageView addSubview:blackUIView];
    [blackUIView addSubview:blurEffectView];
    UIViewPropertyAnimator *animator  = [[UIViewPropertyAnimator alloc] initWithDuration:4.f curve:UIViewAnimationCurveLinear animations:^{
        [blurEffectView setEffect:[UIBlurEffect effectWithStyle:UIBlurEffectStyleDark]];
    }];

wtedy możesz ustawić procent

[animator setFractionComplete:percent];

dla ios9 możesz użyć komponentu alfa

Alfa UIVisualEffectView zawsze musi wynosić 1. Myślę, że można osiągnąć ten efekt, ustawiając alfa koloru tła.

Źródło: https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIVisualEffectView/index.html

Robię uiview, którego alfa wynosi 0 i dodaję blurview jako subview tego. Więc mogę ukryć / pokazać lub zaokrąglić rogi za pomocą animacji.

Skończyło się na następującym rozwiązaniu, używając osobnych animacji dla UIVisualEffectViewtreści i. Użyłem tej viewWithTag()metody, aby uzyskać odniesienie do UIViewwnętrza UIVisualEffectView.

let blurEffectView = UIVisualEffectView()
// Fade in
UIView.animateWithDuration(1) { self.blurEffectView.effect = UIBlurEffect(style: .Light) }    
UIView.animateWithDuration(1) { self.blurEffectView.viewWithTag(1)?.alpha = 1 }
// Fade out
UIView.animateWithDuration(1) { self.blurEffectView.effect = nil }    
UIView.animateWithDuration(1) { self.blurEffectView.viewWithTag(1)?.alpha = 0 }

Wolałbym pojedynczą animację zmieniającą alfa, ale to pozwala uniknąć błędu i wydaje się działać równie dobrze.

Właśnie miałem ten problem i sposób, w jaki go obejść, polegał na umieszczeniu UIVisualEffectsView w UIView i animacji alfa UIView.

To działało dobrze, z wyjątkiem tego, że gdy tylko wartość alfa zmieniła się poniżej 1,0, zmieniła się w jednolitą biel i wyglądała bardzo drażniąco. Aby to obejść, musisz ustawić właściwość warstwy UIView, containerView.layer.allowsGroupOpacity = falseco zapobiegnie miganiu na biało.

Teraz możesz animować / zanikać UIView zawierający widok efektów wizualnych i wszelkie inne podwidoki przy użyciu jego właściwości alfa i nie musisz się martwić o żadne błędy graficzne lub rejestrowanie komunikatu ostrzegawczego.

_visualEffectView.contentView.alpha = 0;

Aby zmienić alfa UIVisualEffectView, należy zmienić contentView w _visualEffectView. Jeśli zmienisz alfa w _visualEffectView, otrzymasz to

<UIVisualEffectView 0x7ff7bb54b490> is being asked to animate its opacity. This will cause the effect to appear broken until opacity returns to 1.

Zwykle chcę animować rozmycie tylko wtedy, gdy przedstawiam kontroler widoku na ekranie i chcę rozmazać kontroler widoku prezentacji. Oto rozszerzenie, które dodaje blur () i unblur () do kontrolera widoku, aby to ułatwić:

extension UIViewController {

   func blur() {
       //   Blur out the current view
       let blurView = UIVisualEffectView(frame: self.view.frame)
       self.view.addSubview(blurView)
       UIView.animate(withDuration:0.25) {
           blurView.effect = UIBlurEffect(style: .light)
       }
   }

   func unblur() {
       for childView in view.subviews {
           guard let effectView = childView as? UIVisualEffectView else { continue }
           UIView.animate(withDuration: 0.25, animations: {
                effectView.effect = nil
           }) {
               didFinish in
               effectView.removeFromSuperview()
           }
       }
   }
}

Możesz oczywiście uczynić to bardziej solidnym, pozwalając użytkownikowi wybrać styl efektu, zmodyfikować czas trwania, wywołać coś po zakończeniu animacji, oznaczyć dodany widok efektu wizualnego w rozmyciu (), aby upewnić się, że jest to jedyny usuwany po odblokowaniu ( ) itp., ale jak dotąd nie znalazłem potrzeby robienia tych rzeczy, ponieważ jest to zwykle operacja typu „odpal i zapomnij”.

na podstawie odpowiedzi @ cc zmodyfikowałem jego rozszerzenie, aby zamazać widok

rozszerzenie UIView {

    func blur () {
        // Rozmyj bieżący widok
        let blurView = UIVisualEffectView (ramka: self.bounds)
        self.addSubview (blurView)
        UIView.animate (withDuration: 0,25) {
            blurView.effect = UIBlurEffect (styl: .dark)
        }
    }

    func unblur () {
        for childView in subviews {
            guard let effectView = childView as? UIVisualEffectView else {continue}
            UIView.animate (withDuration: 2.5, animations: {
                effectView.effect = nil
            }) {
                didFinish in
                effectView.removeFromSuperview ()
            }
        }
    }
}

Poprawiając odpowiedź @ Tel4tel i @cc, oto rozszerzenie z parametrami i krótkim wyjaśnieniem.

extension UIView {

    // Perform a blur animation in the whole view
    // Effect tone can be .light, .dark, .regular...
    func blur(duration inSeconds: Double, effect tone: UIBlurEffectStyle) {
        let blurView = UIVisualEffectView(frame: self.bounds)
        self.addSubview(blurView)
        UIView.animate(withDuration: inSeconds) {
            blurView.effect = UIBlurEffect(style: tone)
        }
    }

    // Perform an unblur animation in the whole view
    func unblur(duration inSeconds: Double) {
        for childView in subviews {
            guard let effectView = childView as? UIVisualEffectView else { continue 
        }
            UIView.animate(withDuration: inSeconds, animations: {
                effectView.effect = nil
            }){
                didFinish in effectView.removeFromSuperview()
            }
        }
    }
}

Następnie możesz go użyć w ten sposób: view.blur(duration: 5.0, effect: .light) lub view.unblur(duration: 3.0)

Pamiętaj, aby NIE używać go w, viewDidLoad()ponieważ nadpisuje animację. Ponadto, podczas uruchamiania w symulatorze, przełącz grafikę na wyższy poziom, aby móc zobaczyć animację (Debugowanie> Nadpisanie jakości grafiki> Wysoka jakość).