iOS 7 Blur with Xamarin.iOS


Make Your App Look Cool

Recently I watched a video from WWDC 2013, where the presenters showed how to create a background image for a button that blurs the image underneath. This takes advantage of a new method in iOS 7 - DrawViewHierarchy(). This method lets you get an UIImage of your background, and blurring it is done with some extension methods. These methods were provided as a category (similar to C# extension methods) called ImageEffects.h and ImageEffects.m.

The Binding

I have bound the categories here. Download the project and build the .dll. You can then include the ImageEffects.dll and you will have the extension methods for blurring on your UIViews.

Here is what it looks like in action.

{% img /images/blur.png 320 568 %}