VisualEffectView - SwiftGit

Colour SwiftUI Views

VisualEffectView

September 18, 2023

VisualEffectView is a blur effect library with tint color support. This library uses the UIVisualEffectView to generate the blur.

Demo Video


                                              
                                                $ pod try VisualEffectView

Requirements

iOS 9.0+
iOS 14.0 + (SwiftUI support)
Xcode 9.0+
Swift 5 (VisualEffectView 4.x), Swift 4 (VisualEffectView 3.x), Swift 3 (VisualEffectView 2.x), Swift 2 (VisualEffectView 1.x)

Usage

Add an instance of VisualEffectView to your view.


                                              
                                                import VisualEffectView
let visualEffectView = VisualEffectView(frame: CGRect(x: 0, y: 0, width: 320, height: 480))
// Configure the view with tint color, blur radius, etc

visualEffectView.colorTint = .redColor()

visualEffectView.colorTintAlpha = 0.2

visualEffectView.blurRadius = 10

visualEffectView.scale = 1
addSubview(visualEffectView)

Depending on the desired effect, the effect may affect content layered behind the view or content added to the visual effect view’s contentView. After you add the visual effect view to the view hierarchy, add any subviews to the contentView property of the visual effect view. Do not add subviews directly to the visual effect view itself. Refer to the UIVisualEffectView for more info.

For more examples, take a look at the example project.

Customization


                                              
                                                var colorTint: UIColor // tint color. default is nil

var colorTintAlpha: CGFloat // tint color alpha. default is 0

var blurRadius: CGFloat // blur radius. default is 0

var scale: CGFloat // scale factor. default is 1

If you want colorTintAlpha to be different from 0, make sure you always set it right after setting the colorTint or it may not be applied as expected. You also have to make sure you don’t set colorTintAlpha if colorTint is nil.

Storyboard Support

Works great with storyboards and xibs.

SwiftUI Support

VisualEffectView supports SwiftUI.


                                              
                                                import VisualEffectView
struct ContentView: View {

var body: some View {

VisualEffect(colorTint: .white, colorTintAlpha: 0.5, blurRadius: 18, scale: 1)

}

}

Make sure that colorTintAlpha is not set when colorTint is nil.

Installation

CocoaPods

To install with CocoaPods, simply add this in your Podfile:


                                              
                                                use_frameworks!

pod “VisualEffectView”

Carthage

To install with Carthage, simply add this in your Cartfile:


                                              
                                                github “efremidze/VisualEffectView”

Manually

Download and drop VisualEffectView.swift in your project.
Congratulations!

GitHub

View Github

#apple #effects #ios #swift #uivisualeffectview

YOU MIGHT ALSO LIKE...

July 26, 2025
SwiftUI

🧭 NavigationKit

NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...

July 26, 2025
SwiftUI

swiftui-navigation-stack

An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...