UIView граница с несколькими цветами с равными секторами

Question

Например, у меня есть UIView, и мне нужно сделать границу с 3 цветами.Я могу сделать так:

func addDividedColors(colors:[UIColor], width:CGFloat = 1) {
    let gradientLayer = CAGradientLayer()
    gradientLayer.frame =  CGRect(origin: .zero, size: self.bounds.size)
    var colorsArray: [CGColor] = []
    var locationsArray: [NSNumber] = []
    for (index, color) in colors.enumerated() {
        colorsArray.append(color.cgColor)
        colorsArray.append(color.cgColor)
        locationsArray.append(NSNumber(value: 1.0 / Double(colors.count) * Double(index)))
        locationsArray.append(NSNumber(value: 1.0 / Double(colors.count) * Double(index + 1)))
    }

    gradientLayer.locations = locationsArray
    gradientLayer.colors = colorsArray

    let shape = CAShapeLayer()
    shape.lineWidth = width
    shape.path = UIBezierPath(roundedRect: self.bounds.insetBy(dx: width/2, dy: width/2), cornerRadius: self.cornerRadius).cgPath
    shape.strokeColor = UIColor.black.cgColor
    shape.fillColor = UIColor.clear.cgColor
    gradientLayer.mask = shape
    self.insertSublayer(gradientLayer, at: 0)
}

но тогда я увижу границу с 4 секторами:

Но это должновыглядит так:

Есть только один способ - создать круг с несколькими цветами, или это может быть достигнуто границей?Спасибо!

Answer 1

Итак, я наконец-то выполнил эту задачу.Вот расширение для CALayer:

func addDividedColors(colors: [UIColor], width: CGFloat = 10) {
        let circlePath = UIBezierPath(ovalIn: frame)
        var segments: [CAShapeLayer] = []
        let segmentAngle: CGFloat = 1.0/CGFloat(colors.count)
        for index in 0..<colors.count{
            let circleLayer = CAShapeLayer()
            circleLayer.path = circlePath.cgPath

            // start angle is number of segments * the segment angle
            circleLayer.strokeStart = segmentAngle * CGFloat(index)

            // end angle is the start plus one segment
            circleLayer.strokeEnd = circleLayer.strokeStart + segmentAngle

            circleLayer.lineWidth = width
            circleLayer.strokeColor = colors[index].cgColor
            circleLayer.fillColor = UIColor.clear.cgColor

            // add the segment to the segments array and to the view
            segments.insert(circleLayer, at: index)
            addSublayer(segments[index])
        }
    }

И как это выглядит сейчас: