Как сделать конусный градиент в iOS с помощью Core Graphics / Quartz 2D?

Question

Как нарисовать такой конический градиент в iOS с использованием Core Graphics / Quartz 2D API?

Образец конического градиента http://ods.com.ua/win/eng/other/gimpdoc-html/painta27.gif

Answer 1

Недавно я создал собственный класс CALayer для этого: AngleGradientLayer

Он не проверен на производительность, поэтому будьте осторожны.

Answer 2

Если кто-то все еще ищет решение, Apple наконец-то представила .conic тип градиента в iOS 12. Идеально подходит для маскировки, чтобы создать круговой индикатор с градиентом.

Пример:

let gradientLayer = CAGradientLayer()
gradientLayer.startPoint = CGPoint(x: 0.5, y: 0.5)
gradientLayer.endPoint = CGPoint(x: 0.5, y: 0)
gradientLayer.type = .conic
gradientLayer.colors = [UIColor.red.cgColor, UIColor.orange.cgColor, UIColor.green.cgColor]
gradientLayer.frame = bounds

Answer 3

Я хотел получить чистое решение Swift для этого, и это было для меня довольно сложной задачей.

В конце я написал AEConicalGradient , который делает это с интересным подходом (используя круг и рисуя линии разных цветов к центру).

Answer 4

Для этого стиля градиента нет функции Кварц.Если вы не готовы копаться в математике, я бы посоветовал вам использовать для этого готовые изображения.Это не проблема, если она нужна только для маски непрозрачности.