UIImageView inside UIVisualEffectView - vibrancy not applied

Question

I'm currently designing a custom view class, such that:

it is placed upon some contents, blurring them
it contains some images and labels and vibrancy effect should be applied to them

So the following hierarchy is built in Interface Builder:

Both the Visual Effect Views are placed using Visual Effect Views with Blur and Vibrancy in Xcode object library, and a UILabel and an UIImageView are placed inside contentView of the second Visual Effect View.

Problem is that the vibrancy effect is not applied to both contents, only UILabel has vibrancy, UIImageView is not, such as the following screenshot.

Is there some additional settings I missed, or the vibrancy effect provided by Apple is only available for UILabel?

@matt Nope, and by setting rendering mode to alwaysTemplate, it worked like a charm. Thanks very much — Tack-Gyu Lee, Sep 07 '17 at 00:16

score 2 · Answer 1 · answered Sep 07 '17 at 00:11

2

The vibrancy effect only works for views that obey the tintColor. If you want your image view to have vibrancy, you must be using a template image.

answered Sep 07 '17 at 00:11

Lily Ballard

182,031
33
381
347

5

You are my god. – Tack-Gyu Lee Sep 07 '17 at 00:15

UIImageView inside UIVisualEffectView - vibrancy not applied

1 Answers1