使用 UIBezierPath 将阴影添加到 CAShapeLayer

Question

需要一些帮助来为使用 CAShapeLayer / UIBezierPath 创建的线条添加阴影

此代码片段生成以下屏幕截图中的线条形状

        let bounds = UIScreen.main.bounds
        
        let shapeLayer = CAShapeLayer()
        shapeLayer.lineWidth = 10.0
        
        shapeLayer.frame = CGRect(x: 0, y: 0 , width: bounds.width, height: bounds.width)
        
        shapeLayer.lineWidth = 5.0
        shapeLayer.strokeColor = UIColor.red.cgColor
        

        let offset : CGFloat = 20
        let arcCenter = shapeLayer.position
        let radius = shapeLayer.bounds.size.width / 2.0 - offset
        let startAngle = CGFloat(0.0)
        let endAngle = CGFloat(1.0 * .pi)
        
        let circlePath = UIBezierPath(arcCenter: arcCenter, radius: radius, startAngle: startAngle, endAngle: endAngle, clockwise: true)

        
        shapeLayer.shadowOffset = CGSize(width: 0, height: 0)
        shapeLayer.shadowColor = UIColor.red.cgColor
        shapeLayer.shadowOpacity = 1.0
        shapeLayer.shadowRadius = 25
    
        shapeLayer.path = circlePath.cgPath

如您所见，阴影包围了半圆形的外部。

任何人都可以给我任何关于在 行周围添加投影的提示 吗？

Answer 1

输出:

UIView 扩展:

extension UIView {
    func renderCircle() {
        let semiCircleLayer = CAShapeLayer()
        
        let center = CGPoint (x: self.frame.size.width / 2, y: self.frame.size.height / 2)
        let circleRadius = self.frame.size.width / 2
        let circlePath = UIBezierPath(arcCenter: center, radius: circleRadius, startAngle: CGFloat(Double.pi * 2), endAngle: CGFloat(Double.pi), clockwise: true)
        
        semiCircleLayer.path = circlePath.cgPath
        semiCircleLayer.strokeColor = UIColor.red.cgColor
        semiCircleLayer.fillColor = UIColor.clear.cgColor
        semiCircleLayer.lineWidth = 8
        semiCircleLayer.shadowColor = UIColor.red.cgColor
        semiCircleLayer.shadowRadius = 25.0
        semiCircleLayer.shadowOpacity = 1.0
        semiCircleLayer.shadowPath = circlePath.cgPath.copy(strokingWithWidth: 25, lineCap: .round, lineJoin: .miter, miterLimit: 0)

        semiCircleLayer.shadowOffset = CGSize(width: 1.0, height: 1.0)
        self.layer.addSublayer(semiCircleLayer)
    }
}

用法:

semiCircleView.renderCircle()

使用 UIBezierPath 将阴影添加到 CAShapeLayer

Add Shadow to CAShapeLayer with UIBezierPath

shadow

calayer

glow

ios

swift