set gradient color for ellipse

Question

I need set gradient color for ellipse. But I don't know how to do it. How fill ellipse with gradient color, not CGColor. My code:

class testView:UIView { 
    override func awakeFromNib() {
        super.awakeFromNib()
    }

    override func draw(_ rect: CGRect) {
        guard let context = UIGraphicsGetCurrentContext() else {
            return
        }
        var gradient:CAGradientLayer = CAGradientLayer()
        gradient.frame               = self.bounds
        gradient.colors              = [UIColor.red.cgColor, UIColor.green.cgColor]
        context.addEllipse(in: rect)
        context.setFillColor(UIColor.blue.cgColor)
        context.fillPath()
    }
}

Here you can find the answer : https://stackoverflow.com/questions/24380535/how-to-apply-gradient-to-background-view-of-ios-swift-app — Vadim F., Apr 08 '19 at 16:51
Possible duplicate of [How to Apply Gradient to background view of iOS Swift App](https://stackoverflow.com/questions/24380535/how-to-apply-gradient-to-background-view-of-ios-swift-app) — Vadim F., Apr 08 '19 at 16:52

score 0 · Answer 1 · answered Apr 08 '19 at 18:55

Swift 4

Here is a copy-paste from my current project. You can adapt it for your purposes

var gradientLayer: CAGradientLayer!

func createGradientLayer() {

    var colorIndex: Int = 0

    gradientLayer = CAGradientLayer()
    gradientLayer.frame = self.bounds
    gradientLayer.colors = [myColors[colorIndex][0].cgColor, myColors[colorIndex][1].cgColor]
    gradientLayer.startPoint = CGPoint(x: 1.0, y: 0.0)
    gradientLayer.endPoint = CGPoint(x: 0.0, y: 1.0)

    self.layer.addSublayer(gradientLayer)
}


let myColors: [[UIColor]] = [
    [UIColor.rgb(red: 251, green: 96, blue: 80), UIColor.rgb(red: 192, green: 57, blue: 43)],
    [UIColor.rgb(red: 240, green: 136, blue: 44), UIColor.rgb(red: 211, green: 84, blue: 0)]
]

set gradient color for ellipse

1 Answers1