UIVisualEffectView delay with UIModalTransitionStyle CrossDissolve

Question

I'm presenting a modal view controller that has a background with a UIVisualEffectView with an UIBlurEffect of type .light

I'm presenting the modal view controller as below:

infoViewController.modalPresentationStyle = .overFullScreen
infoViewController.modalTransitionStyle = .crossDissolve
self.present(infoViewController, animated: true, completion: nil)

I'm noticing that the blur effect view does not appear until the crossDissolve animation has completed. This is not the case for other transition styles such as coverVertical.

This is happening only on iOS 10 with Swift 3.

How can I get the crossDissolve animation to work along with the visual effect view on my infoViewController. Any suggestions/workarounds?

Your code is working fine with iOS 10 (Swift 3) test project. Are you sure you're not doing any manipulations with view in `viewWillAppear/viewDidAppear` methods? — alexburtnik, Oct 17 '16 at 12:35
No manipulations at all. For me the cross dissolve animation completes with which the popup view animates to visibility, only after which the background uieffect view suddenly appears. — mohonish, Oct 17 '16 at 12:53
Can you wrap it in a test project, so that I can reproduce it and fix? — alexburtnik, Oct 17 '16 at 12:55
I am having the same problem. It works fine on iOS 9, but not iOS 10. — SeanRobinson159, Nov 03 '16 at 14:57
Here is the answer in Objective C. http://stackoverflow.com/questions/39671408/uivisualeffectview-in-ios-10 — SeanRobinson159, Nov 03 '16 at 15:00
Same problem here, disabling the animation or choosing other transition styles will help with the issue but then I'll lose the smoother feeling. — Ray Tso, Mar 20 '17 at 19:35

score 5 · Answer 1 · answered Nov 08 '16 at 15:22

5

What I do is replacing the crossDisolve with a CATransition, like this:

self.present(controller,
             animated: false,
             completion: nil)

let transition = CATransition()
transition.duration = 0.3
transition.type = kCATransitionFade
view.window?.layer.add(transition, forKey: nil)

Hope it helps.

answered Nov 08 '16 at 15:22

manueGE

1,169
11
14

What happens to the animation after it's done.? If it's added to the layer, should it be removed again, or could that be ignored? – Wiingaard May 15 '17 at 21:55
It can be ignored. The transition is automatically removed when done – manueGE Sep 06 '18 at 15:03

score 1 · Answer 2 · answered Feb 07 '17 at 08:15

Check your consule, you should see there the reason -

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

You can't use the UIVisualEffectView with crossDissolve animation...

UIVisualEffectView delay with UIModalTransitionStyle CrossDissolve

2 Answers2