Adding UIVisualEffectView to UITableView's background view only works on simulator not device

Question

I have a UITableView with a UIImageView as the backgroundView. This works like a charm. However, now I'm trying to blur this image (using UIVisualEffectView) so that the background of the tableView looks blurred. ~~However, my code somehow ignores the image and simply blurs the white background of the table view. Here is the code:~~

UIImageView *tempImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"sidebarImage"]];
UIBlurEffect *blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];
UIVisualEffectView *blurEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];
[blurEffectView setFrame:tempImageView.bounds];
[tempImageView addSubview:blurEffectView];
self.tableView.backgroundView = tempImageView;

EDIT: After some more testing, I found that this works on the simulator, but not on the actual device. I have attached screenshots below a well. What's even more surprising is that when I comment out [tempImageView addSubview:blurEffectView]; the image shows up. That means the image is being copied to the phone.

Physical Phone

Simulator

Sorry @Sid I've deleted my answer, of course there something I've been mistaken. If you see correctly on the Sim and not on Device is that possible that the image has a different name? Devices are case sensitive, simulators not — Andrea, Jul 01 '15 at 13:31
No problem Andrea, the documentation was a bit blurry on this occasion, quite unlike my backgroundview :). Yes, I've checked the imageName. In fact I set up a sample project with just a UIView and turns out it doesn't work in there either. — Sid, Jul 01 '15 at 13:34

score 4 · Accepted Answer · answered Jul 01 '15 at 13:36

4

This has got to be one of the silliest problems I encountered. Apparently, I had "Reduce Transparency" switched on in my iphone settings. Hence the problem. Hope this helps some other poor soul trying to conserve battery.

answered Jul 01 '15 at 13:36

Sid

1,239
2
13
36

score 1 · Answer 2 · answered Oct 15 '15 at 01:24

1

You can detect when "Reduce Transparency" is enabled in iOS 8+ using:

if (UIAccessibilityIsReduceTransparencyEnabled()) {
   ...
}

This blog post goes more in depth on detecting whether UIVisualEffectView is available on a device.

answered Oct 15 '15 at 01:24

bendytree

13,095
11
75
91

score -1 · Answer 3 · edited May 23 '17 at 11:58

-1

try this

 UIImageView *tempImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"sidebarImage"]];
    UIBlurEffect *blurEffect;
    blurEffect = [UIBlurEffect effectWithStyle:UIBlurEffectStyleLight];

    UIVisualEffectView * blurEffectView;
    blurEffectView = [[UIVisualEffectView alloc] initWithEffect:blurEffect];


    blurEffectView.frame = tempImageView.bounds;
    [tempImageView addSubview:blurEffectView];
    self.tableView.backgroundView = tempImageView;

look at this

edited May 23 '17 at 11:58

Community

1
1

answered Jul 01 '15 at 12:46

Sport

8,570
6
46
65

Nope, this code you've posted is functionally identical to what I have above. It does not solve the issue – Sid Jul 01 '15 at 12:54

Adding UIVisualEffectView to UITableView's background view only works on simulator not device

3 Answers3