Bir UIVisualEffectView ve / veya UIBlurEffect'i içeri ve dışarı nasıl soldurabilirim?

Bir UIBlurEffect ile bir UIVisualEffectsView'ı içeri ve dışarı soldurmak istiyorum:

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

A tarafından çağrılan bir işlevin içinde UIButtononu karartmak için normal bir animasyon kullanıyorum , aynı karartma ama .alpha = 0& hidden = true:

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

Şimdi, her iki yönde de solma iş yapar ama solma zaman bana bir hata verir dışarı :

<UIVisualEffectView 0x7fdf5bcb6e80>opaklığını canlandırması isteniyor. Bu, opaklık 1'e dönene kadar efektin bozuk görünmesine neden olur.

Soru

İçeri UIVisualEffectViewve dışarı geçişi kırmadan ve solma geçişi olmadan başarılı bir şekilde nasıl kısabilirim?

Not

• Bunu UIVisualEffectViewbir içine koymaya UIViewve onu soldurmaya çalıştım , başarı yok

Bunun iOS9'da yeni olduğunu düşünüyorum, ancak artık UIVisualEffectViewbir animasyon bloğunun içindeki efektini ayarlayabilirsiniz :

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

nilKaldırmak için ayarlayın .

ÇOK ÖNEMLİ - Bunu simülatörde test ederken, bunun çalışması için simülatörünüzün Grafik Kalitesini Geçersiz Kılmayı Yüksek Kaliteye ayarladığınızdan emin olun.

Elma dokümantasyon (şu anda) devletler ...

UIVisualEffectView sınıfını kullanırken, 1'den küçük alfa değerlerinden kaçının.

ve

Görsel efekt görünümünde veya herhangi bir denetiminde alfa'yı 1'den küçük olarak ayarlamak, birçok efektin yanlış görünmesine veya hiç görünmemesine neden olur.

Burada bazı önemli bağlamların eksik olduğuna inanıyorum ...

Kalıcı bir görünüm için amacın 1'den küçük alfa değerlerinden kaçınmak olduğunu öneririm. Benim naçizane görüşüme göre bu, bir görünümün canlandırılması için geçerli değildir.

Demek istediğim - 1'den küçük alfa değerlerinin animasyonlar için kabul edilebilir olduğunu öneririm.

Terminal mesajı şunları belirtir:

UIVisualEffectView'den opaklığını canlandırması isteniyor. Bu, opaklık 1'e dönene kadar efektin bozuk görünmesine neden olur.

Bunu dikkatlice okursanız, etki bozulmuş gibi görünecektir . Bu varlıkla ilgili noktalarım:

• görünen kopuş, yalnızca kalıcı bir görüş için gerçekten önemlidir - değişmeyen;
• UIVisualEffect1'den düşük alfa değerine sahip kalıcı / değişmeyen görünüm, Apple tarafından tasarlandığı / tasarlandığı şekilde sunulmayacaktır; ve
• terminaldeki mesaj bir hata değil, sadece bir uyarıdır.

Sorunumu çözmeme yardımcı olan @ jrturton'un yanıtını genişletmek için ekleyeceğim ...

Karartmak UIVisualEffectiçin aşağıdaki (Amaç-C) kodunu kullanın:

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

Her iki yöntemi de başarıyla kullanıyorum: effectözelliği olarak nilayarlama ve alphaözelliği olarak ayarlama 0.

Bu ayarı Not effectiçin nilayarlanırken, animasyon sonunda (daha iyi bir açıklama istemek için) "güzel flaş" yaratır alphaiçin 0sorunsuz bir geçiş oluşturur.

(Herhangi bir sözdizimi hatası varsa bana bildirin ... obj-c yazıyorum.)

İşte Swift 3'ü kullanarak hem iOS10 hem de önceki sürümlerde çalışan son bulduğum çözüm

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
            }
        }
    }

}

Örnek bir kullanım bulmak için bu özü de kontrol edebilirsiniz .

Yalnızca bir çözüm - UIVisualEffectViewbir konteyner görünümüne yerleştirin ve alphao konteynerin özelliğini değiştirin . Bu yaklaşım benim için iOS 9'da mükemmel çalışıyor. Görünüşe göre artık iOS 10'da çalışmıyor.

Konsolda uyarı dışında görsel efektler görünümünün alfasını sorunsuz bir şekilde değiştirebilirsiniz. Görünüm, bulanık değil, kısmen saydam görünebilir. Ancak, animasyon sırasında yalnızca alfayı değiştiriyorsanız bu genellikle bir sorun oluşturmaz.

Uygulamanız bunun için kilitlenmeyecek veya reddedilmeyecek. Gerçek bir cihazda (veya sekiz) test edin. Görünüşünden ve performansından memnunsanız, sorun değil. Apple, alfa değeri 1 olan bir görsel efekt görünümünün yanı sıra görünmeyebileceği veya performans göstermeyebileceği konusunda sizi uyarıyor.

Statik bir temel görünümün anlık görüntüsünü alabilir ve bulanıklaştırma görünümünün opaklığına dokunmadan görüntüyü açıp kapatabilirsiniz. Bir bulanıklık ivarını varsayarsak

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()
    } )
}

UIVisualEffectView'inizde kaybolmak istiyorsanız - ios10 için UIViewPropertyAnimator kullanın

    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]];
    }];

o zaman yüzdeyi ayarlayabilirsiniz

[animator setFractionComplete:percent];

ios9 için alfa bileşenini kullanabilirsiniz

UIVisualEffectView'ün alfa değeri her zaman 1 olmalıdır. Arka plan renginin alfasını ayarlayarak efekti elde edebileceğinizi düşünüyorum.

Kaynak: https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIVisualEffectView/index.html

Alfa 0 olan bir uiview yapıyorum ve bunun alt görünümü olarak blurview ekliyorum. Böylece onu animasyonla gizleyebilir / gösterebilir veya köşelerini yuvarlayabilirim.

Ve UIVisualEffectViewiçerik için ayrı animasyonlar kullanarak aşağıdaki çözümü elde ettim . Kullandığım viewWithTag()için bir başvuru için bir yöntem UIViewiçinde 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 }

Alfa'yı değiştiren tek bir animasyon tercih ederim, ancak bu hatayı önler ve aynı şekilde çalışıyor gibi görünüyor.

Bu sorunu yeni yaşadım ve bunun üstesinden gelme şeklim, UIVisualEffectsView'ı bir UIView'de barındırmak ve bu UIView alfa'sını canlandırmaktı.

Alfa 1.0'ın altına düşer düşmez düz beyaza dönüştü ve çok sarsıcı görünmesi dışında bu iyi çalıştı. Bunu aşmak için, UIView katman özelliğini ayarlamanız gerekir containerView.layer.allowsGroupOpacity = falseve bu, beyaz renkte yanıp sönmesini önleyecektir.

Artık görsel efektler görünümünü ve alfa özelliğini kullanarak diğer alt görünümleri içeren UIView'ı canlandırabilir / söndürebilirsiniz ve herhangi bir grafiksel hata veya bir uyarı mesajı kaydetme konusunda endişelenmenize gerek kalmaz.

_visualEffectView.contentView.alpha = 0;

UIVisualEffectView'ün alfa değerini değiştirmek için, _visualEffectView'ün contentView'unu değiştirmelisiniz. _VisualEffectView'ün alfa değerini değiştirirseniz, bunu alacaksınız

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

Genellikle, ekran üzerinde bir görünüm denetleyicisi sunduğumda ve sunum görünümü denetleyicisini bulanıklaştırmak istediğimde yalnızca bir bulanıklığı canlandırmak istiyorum. Bunu kolaylaştırmak için bir görünüm denetleyicisine blur () ve unblur () ekleyen bir uzantı:

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()
           }
       }
   }
}

Elbette, kullanıcının efekt stilini seçmesine, süreyi değiştirmesine, animasyon tamamlandığında bir şey çağırmasına, eklenen görsel efekt görünümünü bulanık olarak etiketleyerek () bulanıklığı kaldırdığınızda kaldırılan tek görünüm olmasını sağlayarak () bunu daha sağlam hale getirebilirsiniz ( ), vb, ancak şu ana kadar bunları yapmaya ihtiyaç duymadım, çünkü bu "ateş et ve unut" tipi bir operasyon olma eğilimindedir.

@ cc'nin cevabına dayanarak uzantısını bir görünümü bulanıklaştıracak şekilde değiştirdim

uzantı UIView {

    func blur () {
        // Mevcut görünümü bulanıklaştır
        let blurView = UIVisualEffectView (çerçeve: self.bounds)
        self.addSubview (blurView)
        UIView.animate (withDuration: 0.25) {
            blurView.effect = UIBlurEffect (stil: .dark)
        }
    }

    func unblur () {
        Alt görünümlerde childView için {
            guard let effectView = childView as? UIVisualEffectView else {devam}
            UIView.animate (withDuration: 2.5, animasyonlar: {
                effectView.effect = nil
            }) {
                didFinish in
                effectView.removeFromSuperview ()
            }
        }
    }
}

@ Tel4tel ve @cc yanıtını iyileştirme, burada parametreler ve kısa bir açıklama içeren bir uzantı.

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()
            }
        }
    }
}

O zaman şu şekilde kullanabilirsiniz: view.blur(duration: 5.0, effect: .light) veya view.unblur(duration: 3.0)

viewDidLoad()Animasyonu geçersiz kılacağı için bunu KULLANMAYIN . Ayrıca, bir Simülatörde çalışırken, animasyonu görebilmek için grafikleri Yüksek seviyeye çevirin (Hata Ayıklama> Grafik Kalitesi Geçersiz Kılma> Yüksek Kalite).