Как заполнить дорожку безье с градиентом цвета

Question

У меня есть UIBezierPath внутри моего заказа UIView draw(_ rect: CGRect) функция. Я хотел бы заполнить путь градиентом цвета. Пожалуйста, кто-нибудь может мне помочь, как я могу это сделать.

Мне нужно заполнить клип градиентным цветом, а затем погладить путь черным цветом.

Есть несколько сообщений в SO, которые не решают проблему. Например, Swift: Gradient along a bezier path (using CALayers) это сообщение, как рисовать на слое в UIView, но не в UIBezierPath.

NB: Я работаю на Свифта-3

Answer 1

Чтобы ответить на этот вопрос твой,

У меня есть UIBezierPath в моем обычае UIView рисовать (_ Прямоугольник: CGRect) функцию. Я хотел бы заполнить путь градиентом цвета.

Допустим, у вас есть овальное путь,

let path = UIBezierPath(ovalIn: CGRect(x: 0, y: 0, width: 100, height: 100)) 

Чтобы создать градиент,

let gradient = CAGradientLayer() 
gradient.frame = path.bounds 
gradient.colors = [UIColor.magenta.cgColor, UIColor.cyan.cgColor] 

Нам нужен слой маски для градиента,

let shapeMask = CAShapeLayer() 
shapeMask.path = path.cgPath 

Теперь установите это shapeLayer как mask отслоя и добавить его в view «ы слоя, как subLayer

gradient.mask = shapeMask 
yourCustomView.layer.addSublayer(gradient) 

Update Создать базовый слой с инсультом и добавить перед созданием градиента слоя.

let shape = CAShapeLayer() 
shape.path = path.cgPath 
shape.lineWidth = 2.0 
shape.strokeColor = UIColor.black.cgColor 
self.view.layer.addSublayer(shape) 

let gradient = CAGradientLayer() 
gradient.frame = path.bounds 
gradient.colors = [UIColor.magenta.cgColor, UIColor.cyan.cgColor] 

let shapeMask = CAShapeLayer() 
shapeMask.path = path.cgPath 
gradient.mask = shapeMask 

self.view.layer.addSublayer(gradient)