iOS Blur Background like iTunes Remote App

Question

I'm new here so please bear with me. Can you please help me make a transparent blured background like the one used in iTunes Remote iOS7 app in the store? Also, how is the text masked? Screenshot here:
_{(source: rackcdn.com)}

Answer 1

I found the "UIImage+ImageEffect" class made by Apple, in a WWDC example Apple posted here: https://developer.apple.com/downloads/index.action?name=WWDC%202013#. Using this class, is's really simple to blur an image with this code: [image applyLightEffect] where image as an instance of UIImage.

Here are the steps i took to make the text look like it's "cut" from the background view. Use this layering order:

1. Blurred Image
2. View with lower opacity (ex 80%) filled with a color. I used a white background color.
   2.1. Set a label as a child of this view and set the tint color to Black.
3. Add any other content you want on top.

And voila! It magically works!

Answer 2

Use UIToolBar of UIKit framework which automatically comes with blur and transparent effect on background view (live).

Reason - Since UIToolBar inherits UIView so fundamentally there is no issue in using it in place of UIView.