How to implement Blurred Background Image in Watchkit like TuneIn app

Question

I want to implement the blurred background image in iWatch app. Watchkit. Many apps like TuneIn implement this. There are some answers giving adding a blur view but watchkit does not support addsubview.

TuneIn app shows this effect: https://itunes.apple.com/us/app/tunein-radio/id418987775

I want to implement something like this.

Please help! Thanks in advance! Any suggestions will be highly appreciated.

check this out....http://stackoverflow.com/questions/24067719/how-to-use-uivisualeffectview — Bhavin Bhadani, May 28 '15 at 09:04

score 0 · Answer 1 · answered May 28 '15 at 08:44

Try below,

//only apply the blur if the user hasn't disabled transparency effects
if !UIAccessibilityIsReduceTransparencyEnabled() {
    let blurEffect = UIBlurEffect(style: UIBlurEffectStyle.Dark)
    let blurEffectView = UIVisualEffectView(effect: blurEffect)
    blurEffectView.frame = view.bounds //view is self.view in a UIViewController
    view.addSubview(blurEffectView)
    //if you have more UIViews on screen, use insertSubview:belowSubview: to place it underneath the lowest view

    //add auto layout constraints so that the blur fills the screen upon rotating device
    blurEffectView.setTranslatesAutoresizingMaskIntoConstraints(false)
} else {
    view.backgroundColor = UIColor.blackColor()
}

Addsubview is not available in watchkit – Giaaa Ag May 28 '15 at 08:48 — Giaaa Ag, May 28 '15 at 08:48
you cannot use UIView in watchkit. – Satheesh Jul 13 '15 at 17:49 — Satheesh, Jul 13 '15 at 17:49

score 0 · Answer 2 · answered May 28 '15 at 08:56

0

They do this by blurring the image on the phone before sending it over to the Watch.

answered May 28 '15 at 08:56

Jordi Bruin

1,588
1
11
20

How to implement Blurred Background Image in Watchkit like TuneIn app

2 Answers2