![\"view](\"\/wp-content\/uploads\/sites\/44\/2019\/04\/vieweffects.png\")
<\/p>\n\t\t\t\tIn iOS 8, Apple has added UIKit level support for effects such as blur and vibrancy. These effects are seen in system-level UIs such as the blur effect shown when opening a folder or swiping to the lock screen, and can now be added to your own applications with just a few lines of code.<\/p>\n
<\/p>\n
The first effect you can use is the blur effect, represented by the UIBlurEffect<\/strong> class. Adding a blur effect is easy. Create a UIBlurEffect<\/strong> and a UIVisualEffectView<\/strong> from the effect. Then just add the effect view to the view hierarchy.<\/p>\n For example, the following code adds a blur effect:<\/p>\n This code dynamically blurs the content beneath it. For instance, when added to a view hierarchy containing a scrollable image, the effect of the blur changes at runtime as the image is moved:<\/p>\n The blur effect comes in three styles:<\/p>\n These change the appearance of the blur as shown below:<\/p>\n In addition to blur, iOS includes a vibrancy effect (UIVibrancyEffect<\/strong>), which allows content displayed over a blur to remain legible. Vibrancy effects are created from blur effects, and are also displayed using a UIVisualEffectView<\/strong>. Any view the effect should be applied to is added as a subview of the UIVisualEffectView<\/strong>‘s ContentView<\/strong>.<\/p>\n For example, the following code adds a label to be displayed over the blurred view created above:<\/p>\n When the user scrolls the image, the blur changes and the label’s text is modified dynamically such that it remains readable:<\/p>\n These effects are useful when you want them applied dynamically. Of course, rendering them has some cost, so if you can get the results you are looking for with a static effect, that should be used. However, for creating a level of polish, with a sense of depth on par with iOS itself, it’s nice to now have these features available.<\/p>\n The code from this post is available here<\/a>.<\/p>\n\nvar blur = UIBlurEffect.FromStyle (UIBlurEffectStyle.Light);\nvar blurView = new UIVisualEffectView (blur) {\n Frame = new RectangleF (0, 0, imageView.Frame.Width, 400)\n};\n\nView.Add (blurView);\n<\/pre>\n![\"blur\"](\"\/wp-content\/uploads\/sites\/44\/2019\/04\/blur.png\")
<\/p>\n\n
![\"blur](\"\/wp-content\/uploads\/sites\/44\/2019\/04\/blur-style.png\")
<\/p>\nVibrancy Effect<\/h2>\n
\n\/\/ vibrancy view\nvar frame = new Rectangle (10, 10, 100, 50);\nvar vibrancy = UIVibrancyEffect.FromBlurEffect (blur);\nvar vibrancyView = new UIVisualEffectView (vibrancy) {\n Frame = frame\n};\n\nlabel = new UILabel {\n Text = "Hello iOS 8!",\n Frame = vibrancyView.Bounds\n};\n\nvibrancyView.ContentView.Add (label);\nblurView.ContentView.Add (vibrancyView);\n<\/pre>\n![\"vibrancy\"](\"\/wp-content\/uploads\/sites\/44\/2019\/04\/vibrancy.png\")
<\/p>\n