斜めの勾配でCAShapeLayerを塗りつぶす方法は？

Question

質問：

私は勾配でと 45度の角度にCAShapeLayer()を埋めるにはどうすればよいですか？例えば

は、画像1に、以下のコードは、四角形を描画し、青色層（UIColor.blueColor().CGColor）を充填します。私は画像2（UIColor.redColor().CGColorにすなわちUIColor.blueColor().CGColor）のように青から赤に45度の角度の勾配でそれを埋めるんか

しかし、？

コード：startPointとendPoint特性を有するCAGradientLayerを使用しないのはなぜ

let path = UIBezierPath() 
path.moveToPoint(CGPoint(x: 0, y: 0)) 
path.addLineToPoint(CGPoint(x: 0, y: 100)) 
path.addLineToPoint(CGPoint(x: 100, y: 100)) 
path.addLineToPoint(CGPoint(x: 100, y: 0)) 
path.closePath() 

let shape = CAShapeLayer() 
shape.path = path.CGPath 
shape.fillColor = UIColor.blueColor().CGColor 

Answer 1

。あなたが行うことができます

：

import UIKit 
import PlaygroundSupport 

let frame = CGRect(x: 0, y: 0, width: 100, height: 100) 
let view = UIView(frame: frame) 

PlaygroundPage.current.liveView = view 

let path = UIBezierPath(ovalIn: frame) 

let shape = CAShapeLayer() 
shape.frame = frame 
shape.path = path.cgPath 
shape.fillColor = UIColor.blue.cgColor 

let gradient = CAGradientLayer() 
gradient.frame = frame 
gradient.colors = [UIColor.blue.cgColor, 
        UIColor.red.cgColor] 
gradient.startPoint = CGPoint(x: 0, y: 1) 
gradient.endPoint = CGPoint(x: 1, y: 0) 
gradient.mask = shape 

view.layer.addSublayer(gradient) 

注：それは正方形のためにマスクをせずに動作しますので、サークルのためのベジエパスを追加しました。

Answer 2

は、私はそれが左上にある第二の色に右下の最初の色である

shape.startPoint = CGPoint(x: 1.0, y: 0.0) 
shape.endPoint = CGPoint(x: 0.0, y: 1.0) 

、だと思います。あなたは右上と左下にある第二の色で最初の色をしたい場合は、右下の

shape.startPoint = NSMakePoint(x: 0.0, y: 1.0) 
shape.endPoint = NSMakePoint(x: 1.0, y: 0.0) 

の左上、第二の色で

shape.startPoint = CGPoint(x: 1.0, y: 1.0) 
shape.endPoint = CGPoint(x: 0.0, y: 0.0) 

まず色を持っている必要があります

左下の最初の色、右上の2番目の色

shape.startPoint = CGPoint(x: 0.0, y: 0.0) 
shape.endPoint = CGPoint(x: 1.0, y: 1.0)