How to make a UIView glow using shadowColor
Swift version: 5.0
All views can have shadows thanks to the CALayer behind them, but you can use that same property to create glow effects. For example, this creates a 128x128 view then gives it a 20-point yellow glow:
let vw = UIView(frame: CGRect(x: 100, y: 100, width: 128, height: 128))
vw.backgroundColor = .white
vw.layer.shadowOffset = .zero
vw.layer.shadowColor = UIColor.yellow.cgColor
vw.layer.shadowRadius = 20
vw.layer.shadowOpacity = 1
vw.layer.shadowPath = UIBezierPath(rect: vw.bounds).cgPathBright glows work best on a dark background, so try making your main view black:
view.backgroundColor = .blackLEARN SWIFTUI FOR FREE I wrote a massive, free SwiftUI tutorial collection, and also have a growing list of free SwiftUI tutorials on YouTube – get started today!
Available from iOS 3.2
Similar solutions…
- How to make a button glow when tapped with showsTouchWhenHighlighted
- How to mask one UIView using another UIView
- How to make a UIView fill the screen using Auto Layout anchors
- How to make a UIView fade out
- How to add a shadow to a UIView
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
