How to make a UIView glow using shadowColor
Swift version: 5.4
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 = .black
SPONSORED Stream’s latest iOS Chat SDK release provides a better developer experience with new docs, customizable attachments, and UI components, and under-the-hood performance improvements.
Sponsor Hacking with Swift and reach the world's largest Swift community!
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
- SwiftUI tips and tricks
- How to render shadows using NSShadow and setShadow()
- How to make a UIView fill the screen using Auto Layout anchors
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
