Xcode warning: "This will cause the effect to appear broken until opacity returns to 1"

Question

I have a prototype cell and I put a UIVisualEffectView inside its ContentView. Visual Effect View's Blur Style is Dark and Vibrancy is off. Then I set the alpha of the Visual Effect View to 0,5 using the IB.

Then on runtime, I get a warning that says:

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

I couldn't understand why this warning is there and how I can set this alpha property properly.

Fade in/out UIVisualEffectView - http://stackoverflow.com/a/31319366/194544 — beryllium, Jul 09 '15 at 13:43
You can do it with snapshots, and never touch the blur view opacity: http://stackoverflow.com/a/31708699/1633251 — David H, Jul 29 '15 at 18:46
Interestingly, I get this even though I'm setting the alpha in a method called from the completion block fro the animation. It seems to me the animation is by definition finished by then. Weird. — Victor Engel, Nov 16 '18 at 23:08

zvonicek · Answer 1 · 2016-03-06T22:46:24.257

The question is what do you want to animate. If it's the effect, you cannot animate it via the alpha property. However, since iOS 9, you can animate it with setting the effect in animation block.

UIVisualEffectView* view = [[UIVisualEffectView alloc] initWithFrame:self.view.bounds];
view.effect = nil;
[UIView animateWithDuration:0.3 animations:^{
    view.effect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleDark];
}];

Alternatively, you can animate the effect by animating the alpha of the wrapper view, as proposed in the other answers (working even on iOS 8).

If you want to animate the content of the visual effect view (the subviews), animate the contentView property instead (which you should use to add subviews of the effect view).

[UIView animateWithDuration:0.3 animations:^{
    view.contentView.alpha = 1.0;
}];

So to sum up, you should never change alpha of the UIVisualEffectView itself as it's most likely not what you want.

score 12 · Accepted Answer · answered Oct 15 '14 at 12:02

12

As far as I can remember you cannot change the alpha of a visual effect view. The alpha always has to be one.

answered Oct 15 '14 at 12:02

user1179321

797
1
10
24

6

Sure you can. It might just not give the desired effect. However, in many cases it still will so just see this as a warning. – sebrock Nov 10 '14 at 10:29
12

Visual Effect's alpha is changeable, but this warning annoying. – Yucel Bayram Nov 27 '14 at 15:39

Sahil Kapoor · Answer 3 · 2014-12-19T18:24:16.157

8

The desired effect can be achieved by setting alpha of the background color rather than the Visual Effect View. The subviews should be added to View of Visual Effect View and they are not affected by the background blur.

The Vibrancy effect must be selected in View Effect View options above.

See image:

enter image description here

edited Dec 19 '14 at 18:24

answered Nov 25 '14 at 10:24

Sahil Kapoor

11,183
13
64
87

The style don't appear on XCode 6.1.1 – Daniel Gomez Rico Dec 10 '14 at 21:02
Please check if the Vibrancy is Checked. I updated the answer :) – Sahil Kapoor Dec 12 '14 at 09:00
This result in a different effect isn't it. Since alpha-ing the background will cause the content (if there is any) to still show up at full alpha. – chakrit May 18 '15 at 11:14
No it produces exactly what is needed. The use case wants the desired effect without changing alpha of content. You can either add a view to the visual effect view and change it's alpha or change alpha of individual elements if you want to change foreground(content's) transparency. – Sahil Kapoor May 18 '15 at 13:53

score 5 · Answer 4 · answered Oct 24 '14 at 13:12

user1179321 definetely right. According to UIVisualEffectView Documentation;

When using the UIVisualEffectView class, avoid alpha values that are less than 1. Creating views that are partially transparent causes the system to combine the view and all the associated subviews during an offscreen render pass. UIVisualEffectView objects need to be combined as part of the content they are layered on top of in order to look correct. Setting the alpha to less than 1 on the visual effect view or any of its superviews causes many effects to look incorrect or not show up at all.

https://developer.apple.com/library/ios/documentation/uikit/reference/UIVisualEffectView/index.html

How should we change the blur visual effect properly if we want it to be more transparent? — Eric Chuang, May 29 '15 at 11:02

score 1 · Answer 5 · answered Jul 27 '15 at 19:38

1

My solution:

Duplicate the layer behind the visual effect view. (In my case an UIImageView)
Animates the alpha value the the duplicated view. (e.g. alpha form 1 to 0, shows the blurred Image)

answered Jul 27 '15 at 19:38

Bill Chan

3,199
36
32

score 0 · Answer 6 · answered Jan 30 '17 at 11:50

0

If u presenting viewcontroller modally, try to disable animation checkbox in segue.

answered Jan 30 '17 at 11:50

vanab

1
1
3

elaborate your answer – Anantha Raju C Jan 30 '17 at 12:08
if u presenting viewcontroller without animation, u can animate your background uivisualeffectview manually. – vanab Apr 10 '17 at 18:42

score 0 · Answer 7 · answered May 24 '17 at 05:15

You never know if the delay is long enough; so a bit of a cleaner solution is to just do the presentation in the next run loop.

 dispatch_async(dispatch_get_main_queue(), ^(void){
    [self presentViewController:yourPopoverr animated: YES completion: nil];
  });

Xcode warning: "This will cause the effect to appear broken until opacity returns to 1"

7 Answers7