Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to create a see through button with "blurred" background in iOS 7

I am updating my app to iOS 7 and wanted to improve the UI. I want to create a see through background like Control Center. So basically I have a button, which I would like to have a see through and "blurred" background like control center. Thanks!

enter image description here

like image 370
Pixel Code Avatar asked Sep 27 '13 01:09

Pixel Code


2 Answers

There's nothing to stop you using a UIToolbar.

Create a UIView as a base view with clear background, add a UIToolbar anchored to it's edges so it fills the view and then add your other controls to your base view above the toolbar.

It'll look for example like this:

enter image description here

like image 107
Mike Pollard Avatar answered Oct 08 '22 19:10

Mike Pollard


The blurring effect is not available as a public API. There are third party implementations available, such as FXBlurView, which I can recommend.

like image 38
jrturton Avatar answered Oct 08 '22 21:10

jrturton