ベジェパスをグラデーションカラーで塗りつぶす方法

Question

私はをカスタムUIView draw(_ rect: CGRect)の中に持っています。パスをグラデーションカラーで塗りつぶしたいと思います。どのように私はそれを行うことができます誰も私を導くことができますか？

クリップをグラデーションカラーで塗りつぶし、パスを黒色でストロークする必要があります。

SOには問題を解決していない投稿があります。例えばSwift: Gradient along a bezier path (using CALayers)の場合、この記事はUIViewのレイヤーを描画する方法をガイドしますが、UIBezierPathでは描画しません。

NB：私はあなたのこの質問に答えるためにスウィフト-3

Answer 1

に取り組んでいます、

私は私のカスタム内部UIBezierPathは（_ RECT：CGRect）を描画するUIView持っ 機能を。パスをグラデーションカラーで塗りつぶしたいと思います。

、我々は勾配のためのマスク層を必要とする

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

、グラデーションを作成するには

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

、あなたが楕円形のパスを持っている

今すぐ設定

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

を言うことができますこのshapeLayerとしてmaskのgradient層とは、ストロークとベース層を作成subLayer

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

更新 としてviewの層にそれを追加し、グラデーションレイヤーを作成する前に追加します。

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)