This subclass of NSView can be used to get an iOS 7 like blurred background to mimic a frosted glass effect.
Objective-C
Latest commit 3775c98 Oct 26, 2013 @raffael Update README.md
Failed to load latest commit information.
LICENSE
README.md
RMBlurredView.h
RMBlurredView.m Fix for 10.9. Oct 24, 2013

README.md

RMBlurredView

This subclass of NSView can be used to get an iOS 7 like blurred background to mimic a frosted glass effect — on OS X! Check out the corresponding article on Cocoanetics.

NOTE: The parent view of the RMBlurredView must be layer-backed to see the effect.

RMBlurredView, a NSView with blurred background

(Chat Heads with blurred title and bottom bar)

The view can be easily customized to your needs:

  • blurRadius (float) A float indicating the strength of the blur effect. This will be directly passed as input parameter for the Gaussian blur CIFilter. Default: 20.0.

  • saturationFactor (float) A float value indicating the strength of the increased saturation effect. The Control Center for example uses increased saturated colors to get more vibrant colors shining through the view. Default: 2.0.

  • tintColor (NSColor) A NSColor used a the background color for the view. Default: 70% White.

NOTE: Can be used with RMSecondaryScroller to get a customizable NSScroller for NSScrollViews.

Usage

Usage should be clear once you see the annotated header file. Check out the RMBlurredViewExample project.

Contact

License

Copyright (c) 2013 Raffael Hannemann Under BSD License.

Want more?

Follow @raffael_me for similar releases.