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 = .blackSPONSOR Tired of wasting time debugging your Swift app? Instabug’s SDK is here to help you minimize your debugging time by providing you with complete device details, network logs, and reproduction steps with every bug report. All data is attached automatically. It only takes a line of code to setup. Get started for free.
Available from iOS 3.2
Did this solution work for you? Please pass it on!
Other people are reading…
- What is CALayer?
- How to round the corners of a UIView
- How to emit particles using CAEmitterLayer
- How to create keyframe animations using CAKeyframeAnimation
- How to create a marching ants effect using lineDashPhase
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
