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
Did this solution work for you? Please pass it on!
Other people are reading…
- How to make a shape draw itself using strokeEnd
- How to change a view’s anchor point without moving it
- How to make a UIView fade out
- How to create a marching ants effect using lineDashPhase
- What is CALayer?
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
