Question

我已经用CAShapeLayer填充了圆形边界。现在我将我的CAShape颜色设置为红色，但我想将其作为渐变颜色给出。请告诉我该怎么做？

circlePath = UIBezierPath(arcCenter: centerPoint, radius: circleRadius, startAngle: CGFloat(1.5 * M_PI), endAngle: CGFloat(-0.5 * M_PI), clockwise: false)


        //add gradient to the below
        progressCircle = CAShapeLayer ()
        progressCircle.path = circlePath?.cgPath
        progressCircle.strokeColor = UIColor.red.cgColor
        progressCircle.fillColor = UIColor.clear.cgColor
        progressCircle.lineWidth = 4.0
        progressCircle.strokeStart = 0
        progressCircle.strokeEnd = 0.7

        let gradient: CAGradientLayer = CAGradientLayer()
        let startingColorOfGradient = UIColor(colorLiteralRed: 50/255, green: 189/255, blue: 170/255, alpha: 1.0).cgColor
        let endingColorOFGradient = UIColor(colorLiteralRed: 133/255, green: 210/255, blue: 230/255, alpha: 1.0).cgColor
        gradient.startPoint = CGPoint(x: 1.0, y: 0.5)
        gradient.endPoint = CGPoint(x: 0.0, y: 0.5)
        gradient.colors = [startingColorOfGradient , endingColorOFGradient]

        circle.layer.addSublayer(progressCircle)
circle.layer.addSublayer(gradient)

Answer 1

我认为你错过了渐变框架，渐变位置，你应该将它添加到图层的蒙版中。以下示例适用于我：

let gradient = CAGradientLayer()
gradient.startPoint = CGPoint(x: 1, y: 0.5)
gradient.endPoint = CGPoint(x: 0, y: 0.5)
gradient.frame = CGRect(x: 0, y: 0, width: yourWidth, height: yourHeight)
gradient.colors = [
    UIColor(white: 1, alpha: 0.1).cgColor,
    UIColor(white: 1, alpha: 0.5).cgColor,
    UIColor(white: 1, alpha: 0.9).cgColor
]
gradient.locations = [
    0.0,
    0.5,
    1.0
]
circle.layer.mask = gradient

希望这有帮助！

在swift中用渐变填充CAShapeLayer？

1 个答案: