- December 30, 2024
- Mins Read
VisualEffectView is a blur effect library with tint color support. This library uses the UIVisualEffectView to generate the blur.
$ 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.swiftin your project. - Congratulations!
GitHub
#apple #blur #effects #ios #swift #tint #uiblureffect #uivisualeffectview
YOU MIGHT ALSO LIKE...
- December 30, 2024
- Mins Read
- December 25, 2024
- Mins Read
- December 25, 2024
- Mins Read
- December 23, 2024
- Mins Read
