UIVisualEffectViewやUIBlurEffectをフェードインまたはフェードアウトするにはどうすればよいですか？

UIBlurEffectをイン/アウトしてUIVisualEffectsViewをフェードインしたい：

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

で呼び出される関数内で通常のアニメーションを使用しUIButtonてフェードインします。フェードアウトと同じですが、.alpha = 0＆hidden = true：

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

今、双方向でフェードすることは機能しますが、フェードアウトするときにエラーが発生します：

<UIVisualEffectView 0x7fdf5bcb6e80>不透明度をアニメーション化するように求められています。これにより、不透明度が1に戻るまで、エフェクトが壊れて表示されます。

質問

どのように私は正常にフェード行うUIVisualEffectViewことなく、内外破壊、それをフェージングの移行を持ちますか？

注意

• をに入れてフェードUIVisualEffectViewさせてみましたが、UIView成功しませんでした

これはiOS9の新機能だと思いますがUIVisualEffectView、アニメーションブロック内の効果を設定できるようになりました。

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

nil削除するように設定します。

非常に重要-これをシミュレーターでテストする場合、これが機能するように、シミュレーターのグラフィックス品質オーバーライドを高品質に設定してください。

アップルのドキュメント（現在）の状態...

UIVisualEffectViewクラスを使用する場合、1未満のアルファ値は避けてください。

そして

視覚効果ビューまたはそのスーパービューのいずれかでアルファを1未満に設定すると、多くの効果が正しく表示されなかったり、まったく表示されなくなったりします。

ここにはいくつかの重要なコンテキストが欠けていると思います...

パーシスタントビューでは、1未満のアルファ値を避けることが目的であることをお勧めします。私の控えめな意見では、これはビューのアニメーションには適用されません。

私の要点-アニメーションでは、1未満のアルファ値が受け入れられることをお勧めします。

端末メッセージは次のように述べています。

UIVisualEffectViewは、その不透明度をアニメーション化するよう求められています。これにより、不透明度が1に戻るまで、エフェクトが壊れて表示されます。

これを注意深く読むと、効果が壊れているように見えます。これが私のポイント：

• 明らかな中断は、永続的で変化しないビューの場合にのみ重要です。
• UIVisualEffectアルファ値が1未満の永続的/不変のビューは、Appleが意図した/設計どおりには表示されません。そして
• 端末のメッセージはエラーではなく、単なる警告です。

問題の解決に役立つ上記の@jrturtonの回答を拡張するには、次のように追加します...

フェードアウトするにUIVisualEffectは、次の（Objective-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()
} )

effectプロパティをnilに設定することとプロパティをに設定することの両方の方法を正常に使用alphaしました0。

を設定するeffectとnil、アニメーションの最後に（わかりやすくするために）「素敵なフラッシュ」alphaが0作成されますが、を設定すると、スムーズな移行が作成されます。

（構文エラーがあれば教えてください... obj-cで記述します。）

これは私がSwift 3を使用してiOS10と以前のバージョンの両方で動作するようになった解決策です

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

}

この要点を確認して、使用例を見つけることもできます。

ただの回避策- UIVisualEffectViewコンテナービューに入れalpha、そのコンテナーのプロパティを変更します。このアプローチは、iOS 9では完全に機能します。iOS10では機能しなくなったようです。

コンソールの警告以外の問題なく、視覚効果ビューのアルファを変更できます。ビューはぼやけているのではなく、単に部分的に透明に見える場合があります。ただし、アニメーション中にアルファを変更するだけであれば、通常これは問題になりません。

アプリがクラッシュしたり、拒否されたりすることはありません。実際のデバイス（または8つ）でテストします。外観とパフォーマンスに満足している場合は問題ありません。Appleは、アルファ値が1の視覚効果ビューと同じように表示または実行されない可能性があることを警告しています。

静的な基礎となるビューのスナップショットを取得し、ぼかしビューの不透明度に触れることなくフェードインおよびフェードアウトできます。blurViewのivarを想定：

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をフェードインする場合-iOS10の場合は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]];
    }];

次に、パーセントを設定できます

[animator setFractionComplete:percent];

iOS9の場合、アルファコンポーネントを使用できます

UIVisualEffectViewのアルファは常に1である必要があります。背景色のアルファを設定することで効果を実現できると思います。

ソース：https : //developer.apple.com/library/ios/documentation/UIKit/Reference/UIVisualEffectView/index.html

アルファが0のuiviewを作成し、そのサブビューとしてblurviewを追加します。だから私はアニメーションでそれを非表示/表示または角を丸くすることができます。

とUIVisualEffectViewコンテンツに別々のアニメーションを使用して、次の解決策に なりました。viewWithTag()メソッドを使用して、UIView内部への参照を取得しました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 }

私はアルファを変更する単一のアニメーションを好みますが、これはエラーを回避し、同様に機能するようです。

私はこの問題を抱えていて、それを回避する方法は、UIVisualEffectsViewをUIViewに格納し、そのUIViewのアルファをアニメーション化することでした。

これはうまくいきましたが、アルファが1.0未満に変更されるとすぐに、真っ白に変わり、非常に不快に見えました。containerView.layer.allowsGroupOpacity = falseこれを回避するには、UIViewのレイヤープロパティを設定する必要があります。これにより、白く点滅しなくなります。

これで、alphaプロパティを使用して、視覚効果ビューとその他のサブビューを含むUIViewをアニメーション化/フェードアウトでき、グラフィックの不具合や警告メッセージのログ記録を心配する必要がありません。

_visualEffectView.contentView.alpha = 0;

UIVisualEffectViewのアルファを変更するには、_visualEffectViewのcontentViewを変更する必要があります。_visualEffectViewのアルファを変更すると、次のようになります。

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

通常は、画面上にビューコントローラーを表示していて、表示しているビューコントローラーをぼかしたい場合にのみ、ぼかしをアニメーション化します。これを容易にするために、ビューコントローラにblur（）とunblur（）を追加する拡張機能を次に示します。

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

もちろん、ユーザーが効果のスタイルを選択し、継続時間を変更し、アニメーションが完了したときに何かを呼び出し、blur（）で追加した視覚効果ビューにタグを付けて、unblur（ ）などですが、これは「ファイアアンドフォーゲット」タイプの操作になる傾向があるため、これまでこれらのことを実行する必要があるとは思いませんでした。

@ccの回答に基づいて、ビューをぼかすように拡張機能を変更しました

拡張UIView {

    func blur（）{
        //現在のビューをぼかします
        let letView = UIVisualEffectView（frame：self.bounds）
        self.addSubview（blurView）
        UIView.animate（withDuration：0.25）{
            blurView.effect = UIBlurEffect（style：.dark）
        }
    }

    func unblur（）{
        サブビューのchildViewの場合{
            ガードさせますeffectView = childView as？UIVisualEffectView else {続行}
            UIView.animate（withDuration：2.5、animations：{
                effectView.effect = nil
            }）{
                終わりました
                effectView.removeFromSuperview（）
            }
        }
    }
}

@ Tel4telと@ccの応答を改善するために、パラメータと簡単な説明を含む拡張機能を次に示します。

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

その後、次のように使用できます： view.blur(duration: 5.0, effect: .light) または view.unblur(duration: 3.0)

viewDidLoad()アニメーションを上書きするため、使用しないでください。また、シミュレーターで実行する場合は、アニメーションを表示できるようにグラフィックスを高レベルに切り替えます（デバッグ>グラフィックス品質のオーバーライド>高品質）。